表上的HTML输入按钮不调用任何jquery函数

html input button on a table doesn't call any jquery function

本文关键字：调用 任何 jquery 函数 按钮 HTML 输入      更新时间：2023-09-26

我有一个表

<table style="width: 100%;" class='table_result'>
    <tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td><td>Text</td><td>text</td></tr>
</table>

当按钮被点击时，我调用这个

$("table.table_result").append('<tr class="topRow" style="height: 35px;">
                                  <td 'style="text-align: center; cursor: pointer">'+ text
                           +'</td><td style="text-align: center">'
                                  +'<input class="control_voteUp" type="button" value="Up">' 
                                  + text
                                  +'<input class="control_voteDown" type="button" value="Dn">' +'</td><td style="text-align: center">'+ text +'</td><td style="text-align: center">'+ text 
                           +'</td><td style="text-align: center">'+ text
                           +'</td><td style="text-align: center">'+ text +'</tr>');

我想当control_voteUp被点击时调用一个函数。

我试了正常的方法和其他的方法都没有成功:

$('input.control_voteUp').click(function()
{
    alert("aa");
}); 
$('input.control_voteUp').delegate('input', 'click', function()
{
   alert("aa");
});
$('input control_voteUp').live('click', function()
{
   alert("aa");
});

解决方案吗?

在您的实时函数调用中，您缺少了一个。

将input control_voteUp改为input.control_voteUp

试题:

$('input.control_voteUp').live('click', function()
{
   alert("aa");
});

您必须将delegate调用应用于已经存在的元素，在本例中是表:

$('table.table_result').delegate('input.control_voteUp', 'click', function() {
  alert("aa");
});
相关文章：