jQuery Mobile pageinit, загрузка скриптов и другие вещи

Question

В настоящее время я работаю над приложением, основанным на jQuery Mobile. Мы выбираем его, потому что в тот момент он выглядел так блестящим и вкусным, но, поскольку я больше работаю над этим, я больше зацикливаюсь на нескольких вещах.

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

Для каждой страницы мне нужно загрузить различные скрипты и сторонние библиотеки, после некоторого исследования я придумал добавить id для data-role = "page" и загрузить их с .delegate(), но это дает мне одну проблему , так что вопрос:

1) Как отменить/убить/очистить/удалить все загруженные сценарии при переходе на другую страницу?

Проблема заключается в том, что когда я буду «страница 2» и сделать:

$(document).delegate('#page-2', 'pageinit', function() { 

...do something 

}); 

после перехода на «страницу 1» или «страница 3» материал загружается # страница-2 .deligate () остается в DOM и противоречит сценариям на других страницах.

---

P.S. Грязный, но весь файл можно увидеть здесь - http://cloud.ignatynikulin.com/011R3x2k401i271N420N

---

P.P.S. Быстрое обновление для еще одного вопроса:

Почему, если условие не работает внутри .deligate() pageInit и как заставить его работать?

---

Спасибо

Answer 1

Не совсем ответ, но вы могли бы переместить некоторые страницы в отдельных файлах? В моем случае я использую отдельные aspx-файлы, если я хочу редактировать элементы, отображаемые в списке. Например,

<ul data-role="listview"> 
    ... 
    <li> 
    <a href="ItemPage.aspx?Id=1" rel="external">Item1</a> 
    </li> 
    ... 
</ul> 

Answer 2

Я думаю, ваш вопрос в том, как удалить загруженный скрипт из DOM.

Найдено существующий вопрос в той же строке: Is the javaScript not part of the DOM?