2015-01-16 2 views
0

Я пытаюсь реализовать некоторый код jquery на странице wwordpress для клиента. Код отлично работает в html-файле, но не на странице wordpress. Скажите, пожалуйста, добавить ли я код в том же файле и не добавлять код в отдельный файл. Код:добавить jquery в wordpress отдельную страницу

`

<p><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><br /> 
    <script> 
    $(document).ready(function(){ 
    var limit = 3; 
    $('input').on('change', function() { 
    if($(this).siblings(':checked').length >= limit) { 
     this.checked = false; 
    } 
    }); 
    </script></p> 

`

+0

Любое сообщение об ошибке? Вам не нужно добавлять тег 'p' или' br', потому что теги 'script' не отображаются на странице. –

+0

Взгляните на: http://stackoverflow.com/questions/27745853/having-trouble-understanding-how-to-properly-enqueue-jquery-in-wordpress/27746044#27746044 Подводя итог, используйте правильный WordPress функции для загрузки jQuery. Затем измените JS, чтобы разместить jQuery загрузки WP в режиме noConflict. –

ответ

1

Не добавляйте

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

Wordpress уже он включен. И добавление его дважды приводит к тому, что он не работает правильно.

+0

Это зависит от темы, которая используется! Некоторым темам не нужен jquery и не включать отправленный. –

+0

ну, так как он не работает на него, я предполагаю, что это причина ... – Grasper

+0

В этом случае вы правы;) –

0
jQuery(document).ready(function(){ 
    var limit = 3; 
    jQuery('input').on('change', function() { 
    if(jQuery(this).siblings(':checked').length >= limit) { 
     this.checked = false; 
    } 
}); 

Изменение $ с JQuery

+0

Я тоже это сделал, но ничего не изменилось –

+0

в скрипт добавить текст/javascript ->< script type = "text/javascript"> –

Смежные вопросы