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() { }