使用jquery在替换内容上运行函数

Question

我猜这个代码会起作用。但JS没有提醒任何事情。 在替换内容上运行函数的最佳方法是什么？如果您使用jquery，这是一个简单的代码。只有你有建议我才需要答案。

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

<button type="button" id="add" name="sub">Add</button> 

<script>
$(document).on('click',"#add",function(){
$( this ).replaceWith("<button type='button' id='sub'> Alert </button>");
});

$(document).ready(function(){
$("#sub").click(function()
{
alert("Does it alert?");
});
});
</script>

Answer 1

通过

添加

$(document).on('click', '#sub', function() { })

示例

＆＃13;

＆＃13;

$(document).on('click',"#add", function() {
    $( this ).replaceWith("<button type='button' id='sub'> Alert </button>");
});

$(document).ready(function() {
   $(document).on('click', '#sub', function() {
      alert("Does it alert?");
   });
});

＆＃13;

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

<button type="button" id="add" name="sub">Add</button>

＆＃13;

＆＃13;

＆＃13;