jQuery放大鏡＆prettyPhoto - 我怎樣才能讓它們都工作？

我想兩個動作適用於照片： 1.懸停：運行jQuery的放大鏡來放大它點擊 2：運行prettyPhoto放大它jQuery放大鏡＆prettyPhoto - 我怎樣才能讓它們都工作？

問題：這是我一直試圖做：http://jsfiddle.net/sherlock85/Udfey/ 正如你所看到的，放大鏡工作正常，但prettyPhoto插件沒有。如果我評論或刪除放大鏡初始化行：$（'。demo'）。loupe（）; prettyPhoto開始正常工作。有沒有一種簡單的方法可以使它們都正常工作？

謝謝！

來源

2011-07-02 s_sherly

這是小提琴：http://jsfiddle.net/sherlock85/Udfey/1/ –

這只是一個猜測，但我猜測點擊事件不再讓它成爲圖像，因此從來沒有觸發prettyPhoto。您可能需要修改放大鏡代碼，以偵聽div上的點擊事件（或任何正在使用的事件），它將放置在圖片上並觸發該處理程序中圖像的單擊事件。 – kinakuta

你可以只起轉發觸發事件是這樣的：

$('.loupe').click(function(){ 
     $(this).prev().trigger('click');  
});

例如：http://jsfiddle.net/niklasvh/nKean/

來源

2011-07-02 09:13:03 Niklas

非常感謝Niklas！它現在很好用！ –

jQuery放大鏡＆prettyPhoto - 我怎樣才能讓它們都工作？

回答

相關問題