JqueryTools冲突

Question

我想为我的wordpress创建tooltip sample它工作的很好，但只要我将它集成到wordpress中，我无法获取工具提示。我想工作的页面是here

好的我做了一个小实验，这是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> 

页脚

<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>定制的造型，我” 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>