Я использую плагин Jokery Hover Footnotes, который позволяет добавлять сноски и динамически отображать их при наведении указателя мыши.
Пример его использования здесь: http://restoredisrael.org/blog/961/footnote-plugin-test-page/
Кроме того, в моем файле single.php я показываю метаданные из настраиваемых полей с использованием содержимого с вкладками. Другими словами, при нажатии на вкладку пользовательское поле загружается через ajax в div, и этот контент содержит сноски.
Элементы управления функциями jquery:
function tab(var) { $(document).ready(function(){ var Tabs = { '1' : 'page1.php?p='+var, '2' : 'page2.php?p='+var, '3' : 'page3.php?p='+var, '4' : 'page4.php?p='+var, '5' : 'page5.php?p='+var } $.each(Tabs,function(i,j){ var tmp = $('<li><a href="" class="tab">'+i+'</a></li>'); tmp.find('a').data('page',j); $('ul.tabContainer').append(tmp); }) var the_tabs = $('.tab'); the_tabs.click(function(e){ var element = $(this); var bg = element.attr('class').replace('tab',''); if(!element.data('cache')) { $.get(element.data('page'),function(msg){ $('#contentHolder').html(msg); element.data('cache',msg); }); } e.preventDefault(); }) the_tabs.eq(0).click(); }); return false; } где Ajax вызывает pagex.php, который возвращает пользовательское поле, используя:
get_post_meta($post->ID, 'key', true);
html-код в single.php:
<ul class="tabContainer" style="display: none;"> </ul> <div class="clear"></div> <div id="tabContent" style="display:none;"> <div id="contentHolder"> </div> </div>
с:
<body onLoad="tab(<?php echo $thePostID?>);>
проблема заключается в том, что сноски появляются корректно, но наведение не работает. Наведение управляется скриптом js внутри папки плагина, который правильно загружается в конечном исходном коде, но эффект зависания не работает для сносок в div, загруженном ajax.
Надеюсь, я поняла.
Ваша помощь высоко ценится.