流沙與prettyPhoto回調

我使用jQuery插件流沙（http://razorjack.net/quicksand/docs-and-demos.html），我想集成prettyPhoto（http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/）能夠與它一起使用。起初一切正常。然而，當我點擊一個鏈接來過濾組合，prettyphoto腳本不再工作。我爲prettyphoto添加了回調，但它以某種方式破壞了流沙腳本。但我設法添加fancybox回調與相同的方法，它工作正常。希望可以有人幫幫我。流沙與prettyPhoto回調

您可以在這裏看到我的自定義腳本：http://elemisdesign.com/custom.js

來源

2010-09-09 JLee

JLee嗨，你有沒有設法想出解決辦法？我有一個類似的問題，即流沙似乎取消我Galleriffic腳本。[此處輸入鏈接的描述] [1] http://stackoverflow.com/questions/4795869/jquery-conflict-quicksand-vs -gallerific-取消，海誓山盟 – Redlist 2011-01-25 20:35:08

這裏的問題是，當流沙應用過濾器，Ajax調用基本fluses你的漂亮照片的腳本。這裏的解決方案是回憶流沙回調中的漂亮照片。

我猜你已經發現了這個，因爲回調是在你鏈接的腳本中，但對於研究這個問題的任何人來說，這裏是你應該尋找的。大約一半下來的流沙劇本，尋找$ list.quicksand（$ SORTED_DATA等....你需要做的是插入第三個參數中的回調是什麼。

$list.quicksand($sorted_data,{$preferences},function(){ 
$("a[rel^='prettyPhoto']").prettyPhoto({ 
     //These are just arbitrary pretty photo preferences, use your own call here 
    opacity: 0.20, 
    social_tools: false 
      }); 
//rest of callback code 
});

來源

2012-02-19 23:49:11

這可能是舊的文章，但對於有同樣問題的任何人可以在這裏找到解決方案：http://www.flashuser.net/tutorials/jquery-photo-gallery/

來源

2012-07-28 17:47:26 Raja

我知道這篇文章現在很老了，但當我在開發一個新的WordPress主題時尋找一些問題的解決方案時遇到了它。發現我之間如何實施quicksand.js和prettyphoto.js之間存在問題。

總之，有一個公司nflict和我的prettyphoto致電我的流沙選項被忽略。我使用這個答案來糾正我的問題，它出色地工作。對於一個小概述，這個代碼是爲一個畫廊。流沙用於向類別鏈接添加過濾器動畫。

我以爲我會發布這個incase有人在同一個任務遇到這個問題。我希望這有幫助。感謝@brianvanderbush讓我走上正軌。 Upvoted。

$container.quicksand($filteredItems, 
{ 
    // The Duration for animation 
    duration: 450, 
    // the easing effect when animation 
    easing: 'easeInOutCirc', 
    // height adjustment becomes dynamic 
    adjustHeight: 'dynamic', 
    // this function contains my call + options to prettyphoto, 
    // i named it lightbox. This was the magic fix. 
    }, function() { 
     lightbox(); 
     $(this).thumbanimate(); 
    } 
);

來源

2013-07-06 20:16:22 Doidgey

流沙與prettyPhoto回調

回答

相關問題