Question

我不知道我在做什么是正确的，但如果没有让我知道。我对以前的帖子有疑问：Problems using jQuery quicksand with fancybox

fancybox工作正常，但我遇到了问题。当我使用脚本时：

$("a.grouped_elements").fancybox({
'titlePosition'     : 'inside',
'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
     return '<span id="fancybox-title-inside">Image ' + (currentIndex + 1) + ' / ' +
              currentArray.length + (title.length ? ' &nbsp; ' + title : '') + 
             '</span>';
}

沙盒插件，它克隆元素以便轻松排列它，它克隆第一组5次，其余3次，所以我的第一个画廊有7个图像由5个沙箱克隆= 35个图像在画廊第二画廊有4个3个克隆=画廊中有12个图像，依此类推。

如何解决此问题？

以下是该网站的链接：http://www.lslx-web.com/teste/index.html

再次，像你这样的艺术家是非常好的人。它正在运作。

Answer 1

制作一个美丽的HTML5组合教程网站不会让你发布解决方案，但我发现这是一个好地方，因为其他人有这个问题。

首先，您的网页首部应该像THIS一样来纠正基本错误。

第二次，你的身体部分有很多li标签而没有关闭它们。

第三次，这是让Fancybox和其他jQuery灯箱克隆脚本在图库模式下使用而不缓存链接的解决方案：

// This jQuery shown is part of your customized .js file for use with quicksand.js
$('#stage').quicksand(link.data('list').find('li'), function() {

   //
   //  Place your usual jQuery or Javascript GALLERY markup here with CLONING issue (not for cached gallery links).
   //

   // This next jQuery line should be placed prior to the closing of your function.
   // All hidden items Quicksand has set on the webpage will be removed which in turns removes the CLONED jQuery elements.
   // When the Quicksand Menu Filter Button is used again, your filtered items will remain correct in gallery length.
   $('section#container').find('ul.hidden').remove();

});

重新访问使用jQuery流沙与fancybox的问题

1 个答案: