использование jquery на дочерней странице

StackOverflow https://stackoverflow.com/questions/2146888

  •  23-09-2019
  •  | 
  •  

Вопрос

если я загружу('mypage.htm') в <div id="placeMyContentHere">

мне нужно поместить JQuery в «mypage.htm».Я использую цветной блок (например, световой короб) на своей дочерней странице.Если я добавлю jquery.js и colorbox.js в mypage.htm, это сработает.Хотя я не могу отделаться от мысли, что есть лучший способ.

Вот как я обычно вызываю Colorbox

$(document).ready(function() {

$("a[rel='example1']").colorbox();
Это было полезно?

Решение

Использовать loadфункцию обратного вызова для повторной инициализации цветового поля, нет необходимости $(document).ready(... в контенте, который вы вставляете в свой div, например:

$("#placeMyContentHere").load('mypage.htm', function() {
    $("a[rel='example1']").colorbox();
});

Другие советы

Вам не нужно включать jquery и colorbox на дочернюю страницу.Вы меняете объект DOM, поэтому используйте jquery live

$("a[rel='example1']").live(function(){
   $(this).colorbox();
});

Нет, вам следует включать библиотеки JavaScript (jQuery и плагины) только один раз;на главной странице.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top