如何使一次jquery click事件發生多次

Question

免責聲明：我是jquery的新手，這是我的第一篇帖子。

免責聲明二：我已經以多種不同的方式搜索了我的問題，並且找到了許多詳細的答案，但是我仍然無法按照我的意願讓我的jquery正常工作。

那說：

我正在嘗試創建網站的移動版本。 （供參考，台式機和平板電腦的版本位於： http : //creative-servic.es ）

對於移動版本，我需要的是主要的圖片庫和縮略圖庫，它們分別在單擊頁腳中的庫圖標時切換位置，然后在單擊拇指時又切換回去，並且其圖片庫的縮略圖單擊縮略圖現在在頁面頂部可見。 都可以（是！）...但是只有一次:(

換句話說，一旦選擇了縮略圖，我將無法再通過頁腳中的圖標來激活畫廊。

我知道這是一個相當普遍的問題，與事件請求后DOM中不再存在的問題有關。 但是，請使用術語讓我輕松一點-我什至不十分確定DOM首先是什么，也不確定是什么綁定（或取消綁定），但是這些是一些令人困惑的術語，這些術語會不斷出現在我的研究中。

這是有問題的移動模型： http : //mnml.cc/ces/m

我已經嘗試過.live，.on，.click和.delegate函數無濟於事。

在此問題上的任何幫助將不勝感激！

非常感謝和最誠摯的問候，Dd。

Answer 1

您的頁面現在可以正常工作，除非您單擊其中一個縮略圖（首先單擊圖庫圖標之后）。 原因如下：加載頁面時，div“圖庫”的寬度為0，但高度和不透明度為0。 然后，在您的點擊功能中，您將：

$("#gallery a").on('click', function() {
    $(this).parent().hide();
});

這將隱藏gallery div（通過將寬度，高度和不透明度減小為0 = display：none-檢查控制台，您將看到這種情況）。 最后，綁定到#gallery-icon的click函數只能切換div寬度-不會更改0高度和0不透明度。 嘗試將以上代碼更改為：

$("#gallery a").on('click', function() {
    $('#gallery').css('width', 0);
});

這應該將其設置為原始狀態，然后，“ gallery-icon”點擊功能應能夠切換可見div的寬度。

（如果需要，還可以對功能進行動畫處理，以反轉原始的單擊功能。）