Имеется html файл, в котором три блока. При наведении на меню в 1 блоке, изменяется css второго блока и добавляется туда 2 меню. При наведении на меню 2 блока, добавляется содержимое 3 блока через html подстановкой текста из переменных.
Весь скрипт расположен в:
| Код |
$(document).ready(function(){});
|
Внутри описаны переменные, работаю со старой версией, макетной, поэтому извините за ненаглядность. на серваке уже переделанный шаблон и переменные заполнены увесистым текстом(600 символов в среднем).
| Код |
var txta11 = "<h1>111</h1><p><br>Одним из самых популярных материалов на сегодняшний день</p>";
var txta12 = "<h1>Текст</h1>";
var txta13 = "<h1>Текст333</h1>";
var txta21 = "<h1>222111</h1>";
var txta22 = "<h1>222222</h1>";
var txta23 = "<h1>222333</h1>";
var txta31 = "<h1>333111</h1>";
var txta32 = "<h1>333222</h1>";
var txta33 = "<h1>333333</h1>";
|
Тут пример события при наведении на ссылку 1 блока.в нём задаю безымянную функцию, в которой подставляю данные во второй блок и инициализирую функции для 3 блока. Далее под #inform и #risunok подразумеваются DIV'ы.
| Код |
$("#a1").hover(
function(){
$("#risunok").html("<img src='img/slash.png'>"+
"<ul class='second_menu'><li><a href=# id=\"a11\">Металлочерепица</a></li>"+
"<li><a href=# id=\"a12\">Профнастил кровельный</a></li>"+
"<li><a href=# id=\"a13\">Фальцевая кровля</a></li>"+
"</ul>");
hovera11();
hovera12();
hovera13();
});
|
А теперь описываю эти функции для 3 блока
| Код |
function hovera11(){
$("#a11").hover(function(){
$("#inform").html(txta11);
});
}
function hovera12(){
$("#a12").hover(function(){
$("#inform").html(txta12);
});
}
function hovera13(){
$("#a13").hover(function(){
$("#inform").html(txta13);
});
}
|
в первом блоке 3 ссылки. во 2 от 3 - 10. и количество вложений соответственно возрастает + как я уже писал выше увесистые переменные.
пробовал,конечно, делать одной функцие для 3 блока через обращение $(".second_menu a") и подстановкой в переменную ID this.attr("id"), но работать это не захотело. вообще если хоть одну функцию для 3 блока убрать, то не работает.
пробывал загружать из текстового файла-та же беда, не работает.
меня и этот громоздкий устраивает,но в чёртовом IE жутко тормозит. как решить проблему? |
)
