兩個按鈕打開每個他自己的覆蓋內容

我想要兩個按鈕來觸發他自己的覆蓋內容（居中垂直和水平），但保持覆蓋佈局相同，只有內容不同。我爲一個按鈕編寫了一個功能良好的單重疊腳本，但這兩個按鈕不起作用。在小提琴中，我只用一個按鈕的腳本，它非常簡單。兩個按鈕打開每個他自己的覆蓋內容

這裏是小提琴：link

function funcShow(event){ 
event.preventDefault(); 
$('.overlay-info').fadeIn(400);} 

function funcClose(event){ 
event.preventDefault(); 
$('.overlay-info').fadeOut(400);}

來源

2014-10-31 KP83

你應該把點擊使用jQuery在文檔準備功能，如下圖所示的div的處理程序。它不是「很好」，並接受把它們放在像你一樣的onclick屬性中。

它也總是很高興有Ids的一切，你將用於做像點擊或關閉的東西。所以如果你看到下面的例子，你有文檔準備就緒的功能，在第一個div（id =「overlay-one」）和第二個div以及關閉函數上放置clickhandler。嘗試一下！它在你的小提琴中適合我。

$(document).ready(function(){ 
    $("#overlay-one").click(function(event){ 
     funcShow(event); 
    }); 

    $("#overlay-two").click(function(event){ 
     funcShow2(event); 
    }); 

    $("#close-one").click(function(event){ 
     funcClose(event); 
    }); 

    $("#close-two").click(function(event){ 
     funcClose2(event); 
    }); 
});

文檔就緒函數在加載頁面後執行，因此在創建元素後添加clikc處理程序。您也可以使用.click進行課程，將事件一次添加到很多事情中，例如$("CLASS").click(function(){//stuff})

來源

2014-10-31 14:53:58

感謝隊友現在就試試您的代碼！ – KP83 2014-10-31 15:00:58

對不起，我不能工作，但我可以問你爲什麼你把覆蓋本身上的點擊功能，而不是兩個不同的按鈕。覆蓋 - 一個或-two必須淡入或淡出按鈕點擊，而不是點擊覆蓋本身或我我缺少的東西？ – KP83 2014-10-31 15:13:08

這是我的不好，那些Ids應該按鈕，也許它應該是＃覆蓋 - 一鍵和＃覆蓋 - 兩個按鈕。請確保取出onClick，以免它與jquery點擊處理程序發生衝突。如果你還沒有嘗試過，那可能是問題所在。當我把它放在小提琴裏時，這一切都很有效。 Ids總是優於階級，特別是當你想抓住一件特定的事情時。如果可以的話，總是有Ids。特別是關於重要元素。 – 2014-10-31 19:34:06

兩個按鈕打開每個他自己的覆蓋內容

回答

相關問題