Переключить стол с jQuery

Question

Я застрял, чтобы получить стол для переключения.

Эта строка кода, предоставленная W3school, не будет работать.

$(document).ready(function(){ 
    $("#flip").click(function(){ 
    $("#panel").slideToggle("slow"); 
    }); 
}); 

Это URL: http://www.besteadministratiekantoren.nl/training/

Все мысли на этом?

Большое спасибо заранее!

С наилучшими пожеланиями, Стефан

Answer 1

Версия JQuery вы загружаете, когда вы говорите

<script type='text/javascript' src='http://www.besteadministratiekantoren.nl/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script> 

был изменен с официального сценария JQuery: вы/они добавили jQuery.noConflict() вызов в конце , Этот вызов указывает jQuery работать только под именем jQuery вместо имени $ (см. jQuery docs).

Вы можете исправить это, изменив каждое использование $ на jQuery. Или, если вы удовлетворены тем, что использование jQuery для использования глобального $ не будет конфликтовать с любыми другими библиотеками, затем удалите вызов jQuery.noConflict() или загрузите в версию jQuery, которая не заканчивается вызовом jQuery.noConflict() (например, от Google CDN, что часто бывает хорошим делом по обсуждаемым причинам here).

Обновление: есть и третий вариант - оберните блоки jQuery функцией, которая отображает jQuery в $. См. Ответ @ charlietfl.

Answer 2

Страница сгенерирована noConflict что означает $ псевдоним больше не существует для jQuery.

Два обходные пути:

Всегда выписывать jQuery вместо $

jQuery(document).ready(function(){ 
    jQuery("#flip").click(function(){ 
    jQuery("#panel").slideToggle("slow"); 
    }); 
}); 

Или завернуть весь новый код JQuery в:

(function($){ 
    /* "$" is jQuery inside this wrapper*/ 
    $(document).ready(function(){ 
     $("#flip").click(function(){ 
     $("#panel").slideToggle("slow"); 
     }); 
    }); 

})(jQuery); 

Answer 3

Он отлично работает

http://jsbin.com/eCoReCE/1/

Я предполагаю, что ваш jQuery запущен в режиме `hoConflict. Просто измените на

(function($){ 
    $(document).ready(function(){ 
    $("#flip").click(function(){ 
     $("#panel").slideToggle("slow"); 
    }); 
    }); 
}(jQuery));