JQuery按钮仅在第二次单击时触发

时间:2014-10-02 05:59:44

标签: jquery

我在这个主题上找不到答案,但对我的问题没有帮助。

我动态创建表有女人的按钮,按钮只在第二次点击时触发。

我昨天得到关于下拉列表的帮助on change怎么做,而且工作完美,我为按钮编写了类似的代码,并且遇到了这个问题,我没有看到错误。

表的代码是:

$("#tblData tbody").append("<tr>" +
    "<td><input type='text' style=\"width:180px\" class=\"phone\"/></td>" +
    "<td><input type='text' style=\"width:180px\"/></td>" +
    "<td><input type='text' style=\"width:180px\"/></td>" +
    "<td style=\"overflow: hidden;\"><select style=\"width:212px\" class=\"ddl\">" + s.html() + "</ select></td>" +
    "<td style=\"overflow: hidden;\"><select style=\"width:212px\" class=\"ddl1\"></ select>  </td>" +
    "<td><input type=\"image\" id=\"btnDeleteRow\" src=\"/images/deleterow.png\" class=\"delButt\" style=\"float:right;width:16px;height:16px\" /></td>" +
"</tr>");

掺杂变化和按钮点击的代码是:

$(".partnerTable tbody").on("click", "tr", function (e) {
    $(this).on("change", ".ddl", function () {
        $(this).parent().parent().find('.ddl1').append(s1.html());
    });

    $(this).on("click", ".delButt", function () {
       var par = $(this).parent().parent();
       par.remove();
    })
 });

现在当我更改下拉列表(ddl)时,第二个列表(ddl1)获取我想要的值,但如果我想删除delButt上的行,我需要在按钮上单击两次。就像第一次获得价值,第二次运行。

感谢名单

0 个答案:

没有答案