Плагин jQuery Quicksand с методом .click - PullRequest
Новая
       40

Плагин jQuery Quicksand с методом .click

2 голосов
/ 30 января 2011

Я пытаюсь добавить эту функцию .click к каждому изображению, которое сортирую с помощью плагина quicksand для jQuery 

$('li img').click(function() {

    var verticalCenter = ($(window).height() - $('#popupContent').height() ) /2;
    var horizontalCenter = ($(window).width() - $('#popupContent').width() ) /2;

    $('#popupContent').css('top', verticalCenter);
    $('#popupContent').css('left', horizontalCenter);
    $('#backgroundPopup').fadeIn('slow');
    $('#popupContent').fadeIn('slow'); 

});

Он создаст всплывающее окно правильно, но после сортировки он перестанет работать. Документация предлагает ...

"Когда ваши элементы имеют функциональные улучшения (например, всплывающие подсказки), не забудьте использовать функцию обратного вызова, чтобы применить их к вновь клонированным объектам: 

$("#content").quicksand($("#data > li"), 
  {
    duration: 1000,
  }, function() { // callback function
    $('#content a').tooltip();
  }
);

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

1 Ответ

2 голосов
/ 30 января 2011

Вместо .click используйте .live('click',function(){}); Это будет повторно привязывать к событию, когда они перемещаются / клонируются по всему DOM (до тех пор, пока ваш селектор не изменится).

...