jquery沒有按鈕點擊加載html頁面

Question

我想加載一個html文件按鈕點擊使用ajax和jquery，但點擊不加載it.Below是代碼。

ajax.aspx文件： -

<form id="form1" runat="server"> 
    <div id="dictionary"></div> 
    <div class="letters"> 
     <div class="button" id="letter-a"> 
      <h3>A</h3> 
      <button type="button">Load</button> 
     </div> 
     <div class="button" id="letter-b"> 
      <h3>B</h3> 
      <button type="button">Load</button> 
     </div> 
     <div class="button" id="letter-c"> 
      <h3>C</h3> 
      <button type="button">Load</button> 
     </div> 
     <div class="button" id="letter-d"> 
      <h3>D</h3> 
      <button type="button">Load</button> 
     </div> 
    </div> 
</form> 

ajax.js文件： -

$(document).ready(function() { 
    $('#letter-a .button').click(function() { 
     $('#dictionary').load('html_ajax.htm'); 
    }); 
}); 

但它不工作。我錯過了什麼？ 在此先感謝。

Answer 1

更改此：

$('#letter-a .button').click(function() { 

到

$('#letter-a button').click(function() { 

您正在使用類選擇爲選擇button標籤。您的選擇器將選擇具有button類的元素。

Answer 2

我認爲你需要刪除。來自.button - .button的意思是帶有一類按鈕的東西。

這意味着「尋找與ID的元素‘信a’和級‘按鈕’。

$('#letter-a .button').click(function() { } 

這意味着」尋找包含在與ID單元內AA按鈕元件「信紙一個」。

$('#letter-a button').click(function() { }