jQuery переход на конфликт перехода JQuery?

Question

Я работаю на одном сайте в настоящее время: http://dlt.tribehosting.com/solution

теперь, когда я нажимаю на коммерческой или жилой кнопки она работает нормально, но когда вы идете на странице сервиса в «тумблер» в JQuery просто не будет работать - на самом деле все сценарии jQuery просто перестают работать (то же самое для слайдера на главной странице).

Если на самом деле перегружена страница, чем все хорошо, пока пользователь не перейдет на другую ссылку, а не все разрывается. Это что-то связано с (document) .ready, поскольку я использую это (вы можете видеть в заголовках).

Любые идеи о том, как предотвратить это конфликты или заставить jQuery переключиться на работу на всех страницах при посещении через ссылки навигации?

Благодаря

Answer 1

Ваш вопрос в том, что вы используете document.ready для запуска кода для страниц, которые доводятся-в DOM через AJAX. Это означает, что если вы хотите привязываться к событию для каждой страницы, добавляемой в DOM, вы должны использовать либо pageinit, либо pagecreate.

Изменение:

$(function(){ 
    var sidebar = $('.hor-nav'); 
    sidebar.delegate('a.inactive','click',function(){ 
     sidebar.find('.active').toggleClass('active inactive'); 
     $(this).toggleClass('active inactive'); 
    }); 
}); 

To:

//run this code when a pseudo-page is added to the DOM 
$(document).delegate('[data-role="page"]', 'pageinit', function(){ 

    //only get the .hor-nav elements in this pseudo-page 
    var $sidebar = $(this).find('.hor-nav'); 

    //no need to delegate here since the elements for this page exist in the DOM now 
    $sidebar.find('a').bind('click',function(){ 
     $sidebar.find('.active').toggleClass('active inactive'); 
     $(this).toggleClass('active inactive'); 
    }); 
}); 

Это будет использовать делегирование событий на элемент, который всегда будет существовать в DOM (document), в то время как .hor-nav элементы не всегда существуют в DOM, если они являются частью внешней страницы.

Похоже, что у вас есть другой код, который зависит от события document.ready, что не должно быть на сайте jQuery Mobile. Взгляните на эту документацию: http://jquerymobile.com/demos/1.1.0/docs/api/events.html (обратите внимание на большие желтые предупреждения)