單擊div中的按鈕時關閉div

Question

我有一個div，當有人單擊同一頁面上的縮略圖時，該div將從另一頁面加載信息。

當前，當人們單擊縮略圖時，頁面頂部的div #dynamic將加載並顯示另一頁面的信息。 我希望能夠允許用戶單擊關閉按鈕，該按鈕已為我提供了一個class button_close類供他們關閉div，而不是單擊其中的任何位置。 該按鈕也在#dynamic div中顯示。

$(document).ready(function(){
   $('nav.main > a').click(function(e){
    e.preventDefault();
    $("#dynamic").load($(this).attr('href') + " .product_content", ()=>{ window.scrollTo(0, 0) }).fadeIn('slow');
   });
      $(".button_close").click(function(){
          $(".product_container").html ('');
      });
  });

Answer 1

由於close_button是動態生成的，因此可以使用以下命令

$('body').on('click', '.button_close', function(){
    $('#dynamic').html('');
});

一個簡單的例子

<!DOCTYPE html>
<html>
<body>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
function loadDiv() {
    $('#dynamic').html('<p>Some content loaded from another page</p><div class="button_close">Close Me</div>');
}

$('body').on('click', '.button_close', function(){
    $('#dynamic').html('');
});
</script>

<div id="dynamic"></div><br><br>
<button onclick="loadDiv()">Load Div</button>

</body>
</html>

單擊div中的按鈕時關閉div

問題描述

1 個解決方案

解決方案1
1 2017-05-30 12:54:50

單擊div中的按鈕時關閉div

問題描述

1 個解決方案

解決方案1 1 2017-05-30 12:54:50

解決方案1
1 2017-05-30 12:54:50