Контекст JqueryTools

Question

Я пытаюсь создать этот tooltip sample для своего Wordpress, он работает отлично, но как только я его интегрировал в wordpress, я не могу получить всплывающую подсказку. Страница, где я хочу работать, - here

ok Я сделал небольшой эксперимент, это test version, и это wordpress version. Тест-версия - это код, когда вы используете источник просмотра, сохраняете его и загружаете, и всплывающая подсказка работает! Но версия wordpress не работает. Теперь это одно и то же, но одно работает, а другое - нет.

здесь является JQuery коды:

Заголовок

<script src="http://cdn.jquerytools.org/1.1.2/full/jquery.tools.min.js" type="text/javascript"/></script> 
<script type="text/javascript"> 
var $ = jQuery.noConflict(); 
</script> 

Footer

<script> 
// What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready 

$(document).ready(function() { 

    // enable tooltip for "download" element. use the "slide" effect 
    $("#download_now").tooltip({ effect: 'slide'}); 
}); 
</script> 

и это то, что создает Wordpress (это из источника просмотра)

<script src="http://cdn.jquerytools.org/1.1.2/full/jquery.tools.min.js" type="text/javascript"/></script> 
    <script type='text/javascript' src='http://www.testground.idghosting.com/philcom/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script> 
<script type="text/javascript"> 
var $ = jQuery.noConflict(); 
</script> 

    <script type='text/javascript'> 
      $j=jQuery.noConflict(); 


      $j(document).ready(function() { 
       initCalendar(); 
      }); 

      function initCalendar() { 
       $j('a.prev-month').click(function(e){ 
        e.preventDefault(); 
        tableDiv = $j(this).parents('table').parent(); 
        ($j(this).hasClass('full-link')) ? fullcalendar = 1 : fullcalendar = 0; 
        prevMonthCalendar(tableDiv, fullcalendar); 
       }); 
       $j('a.next-month').click(function(e){ 
        e.preventDefault(); 
        tableDiv = $j(this).parents('table').parent(); 
        ($j(this).hasClass('full-link')) ? fullcalendar = 1 : fullcalendar = 0;  
        nextMonthCalendar(tableDiv, fullcalendar); 
       }); 
      }  
      function prevMonthCalendar(tableDiv, fullcalendar) { 
       if (fullcalendar === undefined) { 
        fullcalendar = 0; 
        } 
       month_n = tableDiv.children('div.month_n').html();         
       year_n = tableDiv.children('div.year_n').html(); 
       parseInt(month_n) == 1 ? prevMonth = 12 : prevMonth = parseInt(month_n,10) - 1 ; 
       if (parseInt(month_n,10) == 1) 
         year_n = parseInt(year_n,10) -1; 
       $j.get("http://www.testground.idghosting.com/philcom", {ajaxCalendar: 'true', calmonth: prevMonth, calyear: year_n, full: fullcalendar}, function(data){ 
        tableDiv.html(data); 
        initCalendar(); 
       }); 
      } 
      function nextMonthCalendar(tableDiv, fullcalendar) { 
       if (fullcalendar === undefined) { 
        fullcalendar = 0; 
        } 
       month_n = tableDiv.children('div.month_n').html();         
       year_n = tableDiv.children('div.year_n').html(); 
       parseInt(month_n,10) == 12 ? nextMonth = 1 : nextMonth = parseInt(month_n,10) + 1 ; 
       if (parseInt(month_n,10) == 12) 
         year_n = parseInt(year_n,10) + 1; 
       $j.get("http://www.testground.idghosting.com/philcom", {ajaxCalendar: 'true', calmonth: nextMonth, calyear: year_n, full : fullcalendar}, function(data){ 
        tableDiv.html(data); 
        initCalendar(); 
       }); 
      } 

      // function reloadCalendar(e) { 
      // // e.preventDefault(); 
      //  console.log($j(this).parents('table')); 
      //  $j.get("http://www.testground.idghosting.com/philcom", {ajax: 'true'}, function(data){ 
      //  tableDiv = table.parent(); 
      //  tableDiv.html(data); 
      //    }); 
      // } 
      //      

     </script> 

Answer 1

Я только использовать редактор HTML, и я пишу свои собственные <p> теги и <br /> и так далее ... Проблема я бегу в том, что каждый раз, когда я использую специальный <span> с таможенной стиль, который я» ve, WP добавляет <p> вокруг этого диапазона, а также <br /> после абзаца.

Теперь решение должно иметь форматирование отключен в редакторе Wordpress по downloading this plugin

Answer 2

Я думаю, что вы используете $ вместо $ j?

<script> 
// What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready 

$(document).ready(function() { 
// enable tooltip for "download" element. use the "slide" effect 
$("#download_now").tooltip({ effect: 'slide'}); 
}); 
</script>