Question

当我用AJAX加载图像时，我单击了图像，但第一次没有显示图像拇指。我该如何处理？

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

Answer 1

首先，为什么要使用这样的代码，它来自哪里？我已经多次看到这种模式，这是完全错误的。

所以，让我们分解代码以查看您在这里做什么-

$(document).on("click", ".fancybox", function() {-将单击事件分配给每个具有类名称.fancybox的元素。该点击事件将执行以下操作：

$('[data-fancybox]').fancybox({-在这里，您将点击事件分配给每个具有数据属性data-fancybox的元素；然后该点击事件将使用自定义选项启动fancybox。

您看到问题了吗？删除$(document).on("click", ".fancybox", function() {部分，它应该可以正常工作。另外，您可以使用$.fancybox.open()方法，该方法将立即启动fancybox（而不是使用$(selector).fancybox()分配点击事件）

如何使用ajax打开花式框图像缩略图？

1 个答案: