Как открыть модную коробку с большими пальцами, используя ajax? - PullRequest
Новая
       27

Как открыть модную коробку с большими пальцами, используя ajax?

0 голосов
/ 28 июня 2019

Когда я загружаю изображения с помощью AJAX, я нажимаю на изображение, но большие пальцы изображения не отображаются в первый раз.Как я могу справиться с этим? 

$(document).on("click", ".fancybox", function() {
  $('[data-fancybox]').fancybox({
    toolbar: false, // disable toolbar
    thumbs: {
      autoStart: true,
      hideOnClose: true
    },
  });

1 Ответ

0 голосов
/ 28 июня 2019

Во-первых, почему вы используете такой код, откуда он взялся? Я видел этот паттерн несколько раз, и он совершенно неправильный.

Итак, давайте разберем ваш код на части, чтобы увидеть, что вы здесь делаете -

$(document).on("click", ".fancybox", function() { - вы назначаете событие click каждому элементу, имеющему имя класса .fancybox. Это событие клика будет делать следующее:

$('[data-fancybox]').fancybox({ - здесь вы назначаете событие щелчка для каждого элемента, имеющего атрибут данных data-fancybox; и это событие клика запустит fancybox с пользовательскими настройками.

Вы видите проблему? Удалите $(document).on("click", ".fancybox", function() { часть, и она должна работать нормально. В качестве альтернативы вы можете использовать метод $.fancybox.open(), который немедленно запустит fancybox (вместо назначения события клика с помощью $(selector).fancybox())

...