鏈接點擊只工作一次

Question

我有一個隱藏的 div，其中包含一個 div，默認情況下這個 div 是隱藏的，我有鏈接應該帶來 (#mobiles_thumbs) div 的內容，每件事都可以完美運行，只需第一次點擊鏈接，第二次點擊 div改變它的內容消失了我使用（在）委托。 這是我的代碼：

 //and here my jquery code for handle the link click : $('#products').on('click', 'a', function() { $("#thumbs").html($("#thumbs_collection #mobiles_thumbs")); /* here #thumbs_collection is the name of big div that contain six div inside it. */ });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- this is the hidden div --> <div id="thumbs_collection"> <div id="mobiles_thumbs" style="visibility:hidden"> <img alt="mobile1" src="images/mobile1.jpg"> <img alt="mobile2" src="images/mobile2.jpg"> </div> </div> <div id="products" class="container-fluid"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h1>Our Products </h1> </div> <div class="col-sm-12"> <ul> <li> <a href="#mobiles"> Mobiles </a></li> <li> <a href="#swatches"> Swatches </a></li> <li> <a href="#chairs"> Chairs </a></li> <li> <a href="#boxs">Boxs </a></li> <li> <a href="#Doors"> Doors </a></li> <li> <a href="#windows"> Windows </a></li> </ul> </div> <div id="thumbs"> <!--this div for load the products --> </div> </div> </div>

Answer 1

嘗試克隆元素拳頭，不要忘記在 html 追加后切換可見性

var temp = $("#thumbs_collection #mobiles_thumbs").clone();
$('#products').on('click', 'a', function() {
  $("#thumbs").html(temp);
});