Конфликт JqueryTools

Question

Я пытаюсь создать этот образец всплывающей подсказки для моего WordPress, он работает просто отлично, но как только я интегрировал его в WordPress, я не могу получить всплывающую подсказку. Страница, на которой я хочу работать, здесь

Хорошо, я провел небольшой эксперимент, это тестовая версия , а это wordpress версия . Тестовая версия - это код, когда вы делаете исходный вид, сохраняете все и загружаете его, и всплывающая подсказка сработала! Но версия 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> с пользовательским стилем, который Я сделал, WP добавляет <p> вокруг этого промежутка, а также <br /> после абзаца.

Теперь решение состоит в том, чтобы отключить форматирование в редакторе Wordpress путем загрузки этого плагина

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>