2014-11-20 2 views
-1

У меня есть сценарий jQuery, включенный в теги MasterPage <head>, который запускается всякий раз, когда на навигационной панели нажата ссылка. (Я сделал это на любом якорь теге.)Код JQuery не работает на частичной странице

Итак, я думал: поскольку он срабатывает на любом теге привязки, он также запускает теги привязки, которые находятся в файлах сегментов (файлы, содержащие небольшой HTML-код и вставлен с использованием AJAX), но это не так. Единственный способ заставить его работать - включить файл JavaScript во все страницы сегментов.

пример: Главная:

<br> 
html 
<br> 
head<br> script src="script.js"/script<br>/head 
<br> 
body 
div class="container"/div 

Все частичные HTML файлы загружаются в контейнер. Таким образом, можно было бы подумать, что они также имеют один и тот же <head>, так как полная страница все еще содержит тот же заголовок. Но скрипты не работают?

пс: к неясным, что я спрашиваю отчета: по-видимому, некоторые люди поняли меня, спасибо тем, кто сделал :)

+0

Вы используете ' .click() '? или '.on()'? –

+0

Я принимаю это предположение, не видя ваш javascript, но событие click, которое вы прикрепляете к привязным тегам, прикрепляется при загрузке страницы. Затем вы загружаете больше материала с помощью ajax. Поскольку элементы, загруженные ajax, не существуют, событие click не может быть привязано к ним. –

+0

Я использую .click() – g3mini

ответ

2

Вы должны делегатом это событие для всех текущих и будущих элементов анкерных с использованием конкретной версии on():

$(function() { // dom-ready 
    $(document).on('click', 'a', function(e) { 
     // handle click 
    }); 
}) 
+0

Это работает, спасибо много! : D – g3mini

-1

Если загружать содержимое динамически, то события won't зацепиться. Используйте «on» вместо «click».

Было бы что-то вроде:

$("a").on("click", function() { 
    alert($(this).text()); 
}); 
+0

Gonna try this. – g3mini

+0

Использование .on («click») не работает либо – g3mini

+0

Посмотрите на фрагмент кода Cory. Это может зависеть от того, какую версию jQuery вы используете. –

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