Jquery回调脚本执行但不起作用

Question

我从堆栈溢出中得到了很多帮助，让这个页面达到了它的功能，并且它几乎已经完成了，我只是不是 jQuery 专家。工作示例：

http://www.metropoliscreative.com/jake_test/test1.html

我我正在使用 Galleriffic（一个动态画廊 jQuery 插件）和 Quicksand（一个 jQuery 过滤插件）。

如果单击缩略图，它们将在大窗格中正确加载。如果您选择项目类型或行业，它将根据某些数据类型对这些缩略图进行排序。

然而，问题是一旦你对它们进行排序，Galleriffic 功能就会停止工作。因此，为了纠正这个问题，我在流沙初始化中包装了另一个画廊调用。因此，一旦流沙完成，它就会重置画廊。

然而，此时我收到了来自 galleriffic 的错误，我不知道为什么。我调用的方式与页面加载时调用的方式完全相同，然后它就可以工作了。

Answer 1

由于您的第二次 .galleriffic() 调用，它似乎引发了错误。我收到的错误是无法将“imageData”转换为对象。这似乎是因为当您切换到（例如）项目类型 -> 时Brochure Packages，gallerific 尝试根据数据属性将当前图像 id 设置为 0。然而，似乎 quicksand 搞砸了数据数组，导致 gallerific 在第二次调用时看不到任何元素（也称为图像）。我认为 quicksand 导致了问题，可能是因为它没有正确删除/添加图像。如果你看看 this 示例，删除图像的代码如下

$('#removeImageByIndexLink').click(function(e) {
    if (!gallery.removeImageByIndex(5))
        alert('There is no longer an image at position 5 to remove!');

    e.preventDefault();
});

：然而，似乎 quicksand 只是使用 .remove() 来删除图像。现在，我查看了 removeImageByIndex() 的代码，似乎 gallerific 保留了有关其使用的图像信息的缓存，这些信息在 . remove() 由 quicksand 调用。

太棒了； Quicksand 错误地删除了图像，并且 galleryerific 没有更新到更改。

如何修复它？好吧，一种选择是尝试重写流沙脚本的删除和添加部分，以了解画廊。另一种方法是将流沙的删除部分重写为仅隐藏元素而不是删除它们（即设置 display:none; 而不是 .remove()）。

我希望这会有所帮助，这就是我能想到的全部。

Answer 2

当我查看您页面的源代码时，我在第 295 行（就在问题区域之前）看到了一个不应该出现的“d”。也许这就是你的代码没有被执行的原因。