0

以前，我使用的代码是有效的。但是今天，当我重新使用代码时，它根本不起作用。

代码/案例情况：我预定义了一个 html 代码，它在现有的默认表单之后插入一个新表单。我正在尝试使用 jQuery 向click新表单中的一个按钮添加一个函数。jQuery 代码是

$("button[value='ADDTSG']").click(function(){
    var NEW = "<div class='w175 mR9 mB9 p9 rCor cWhi' id='fL'><form action='pro/lab_handle.php' method='post'><input type='hidden' value='0' name='LID'/><div class='w65 B ttU mR9' id='fL'>TPC</div><input type='text' class='w65 Dg4' name='QTPC'/><br/><hr/><button value='NEWTSG' name='BTN' type='submit'><img src='img/add.png'/></button><button id='fR' type='button' value='XTSG'><img src='img/del.png'/></button></form></div>";

    $(".FORCLONE").after(NEW);
    $("button[value='ADDTSG']").hide();
    $("button[value='SAVETSG']").hide();
});

// buttons below not alerting at all, no function after click on it
$("button[value='XTSG']").click(function(){
    alert("close tsg"); return false;
});
$("button[value='NEWTSG']").click(function(){
    alert("new tsg"); return false;
});

默认表单的 html 是

<div id='fL' class='FORCLONE'>
<div id='fL' class='w175 bgBlu1 mR9 mB9 p9 rCor cWhi'>
    <form method='post' action='pro/lab_handle.php'>
        <input type='hidden' name='LID' value='1'>
        <div id='fL' class='w65 B ttU mR9'>TPC</div><input type='text' name='MTPC' class='w65 Dg4' value='555'>
        <button type='submit' name='BTN' value='SAVETSG'><img src='img/ok.png'></button>
        <button id='fR' type='button' value='ADDTSG'><img src='img/add.png'></button>
    </form>
</div>
</div>

谁能告诉我为什么这不起作用？顺便说一句，我正在使用带有 web-developer 插件的 FireFox，即使我点击“XTSG”/“NEWTSG”按钮，也没有显示 javascript 错误。

4

1 回答 1

6

使用.live()（对于较旧的 jquery 版本 - < v1.7）：

$('#btnALERT1').live('click', function()
{
   alert("Hello");
});

或者：

$(document).delegate('#btnALERT1', 'click', function() 
{
   alert("Hello");
});

使用.on()（对于新的 jquery 版本 - >= 1.7）：

$(document).on('click', '#btnALERT1', function()
{
   alert("Hello");
});

来源。

于 2012-10-07T08:34:03.753 回答