​​点击没有得到触发代码

Question

我已经尝试了以下几行像

    $(".datepicker .day").click(function(){ 
        var dob = $("#dobfield").val().trim(); 
        var calculatedAge = GetAge(dob); 

        if(calculatedAge < 0) 
         $("#age").val(""); 

        else if(!isNaN(calculatedAge)) 
         $("#age").val(calculatedAge); 
       }); 

在HTML

  <div class="datepicker"> 
      ... 
      <table> 
       ... 
       <tr> 
       ... 
        <td class="day"> 12</td> 

我试图动态地添加年龄文本框的年龄。 .datepicker .day点击事件没有被激发。 请帮助我！

Answer 1

试试这个。它似乎很好地包装你的代码$(document).ready函数。以下是工作代码的演示。

$(document).ready(function() { 
 
    $(".datepicker .day").click(function() { 
 
    var dob = $("#dobfield").val().trim(); 
 
    console.log(dob) 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div class="datepicker"> 
 

 
    <table> 
 
    <tr> 
 
     <td class="day"> 12 </td> 
 
     <td><input id="dobfield" value="56" /></td> 
 
    </tr> 
 
    </table> 
 
</div>

希望它能帮助:)

Answer 2

您可以通过它连接到.datepicker DIV使用.on功能收听动态添加表格单元格的单击事件。

如果.datepicker div是动态生成的，则必须将on函数添加到文档本身。

例如

$(document).on("click", ".datepicker .day", function() { 
 
    console.log("clicked"); 
 
}); 
 

 
// dynamically adding the datepicker. 
 
$("#container").append("<div class='datepicker'><table><tr><td class='day'>12</td></tr></table></div>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="container"></div>