與彈出模塊

的多個要素我模式彈出，其中所述滾動被阻擋在後面的一個例子，但它是在彈出本身啓用。與彈出模塊

看看我的例子：Example here

這個問題我有是，我想有圖像的網格的網站：

看看我的意思是什麼樣的網格： enter link description here

後用戶會點擊這些圖像中的一個，他會得到不同的圖像的彈出窗口。但是，當然，彈出的圖像對於用戶點擊的每張照片都是不同的，它是不同項目的組合。

問題：以後我想這兩個例子結合起來，jQuery的彈出停止工作。

來源

2014-01-07 DeanDeey

如果不斷在HTML這樣的結構：

<a href="#" class="info" id="overlay1">...</a> 
<div class="overlay">Content for overlay 1</div> 
<a href="#" class="info" id="overlay2">...</a> 
<div class="overlay">Content for overlay 2</div>

採取護理與id，因爲這必須是唯一的，不能在文檔中多。

然後，你需要改變你的函數是由類名處理，而不是ID是這樣的：

$(".info").click(function(event) { 
    var ne = $(this).next('div.overlay'); 
    event.preventDefault(); 
    ne.fadeToggle(500); 
    return false; 
    $(".close").click(function(event) { 
    event.preventDefault(); 
    ne.fadeToggle(500); 
    }); 
});

入住這CodePen

來源

2014-01-07 16:59:55 DaniP

這就是我一直在尋找:)謝謝！ – DeanDeey

出現了一個問題。當我關閉彈出窗口時，頁面上的滾動跳轉到頂部。我希望能夠在那個地方打開它，因爲網站肯定會更長，並且在投資組合中最終會更多。所以用戶應該總是向下滾動。 – DeanDeey

@DeDeDeey我明白你想要的很棘手，我想如果你能提出一個新問題可能會很有趣。現在我沒時間了。 PD。鏈接我你的新問題我想知道如何解決這個問題：D – DaniP

我想你想在你的關閉功能中將visible的溢出更改爲auto。

來源

2014-01-07 16:40:34 jameslafferty

回答

相關問題