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

我认为你使用的是$而不是$ 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>

Answer 2

我只使用HTML编辑器并编写自己的<p>标签和<br />等等......我遇到的问题是每次使用特殊的{{1我使用自定义样式，WP在该范围内添加<span>以及在段落后添加<p>。

现在的解决方案是通过downloading this plugin

在Wordpress编辑器中禁用格式

JqueryTools冲突

2 个答案: