为什么此功能的javascript无法提醒？

Question

为什么JavaScript的此功能无法提醒？

首先，单击“ CLICK 1 ，它将显示“ delete ，然后单击“ delete

为什么不提醒111-aaaa我该怎么办？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div onclick="test_fn1()">CLICK 1</div>
<div id="demo"></div>

<script>
function test_fn1() {
document.getElementById("demo").innerHTML = "<span onclick='delete_fn('111-aaaa')'>delete</span>";
};
</script>

<script>
function delete_fn(no_delete)
{
    alert(no_delete);
};
</script>

Answer 1

从onclick删除delete_fn('111-aaaa')周围的单引号，如下所示

function test_fn1() {
    document.getElementById("demo").innerHTML = "<span onclick=delete_fn('111-aaaa')>delete</span>";
};

Answer 2

更改test_fn1方法以转义引号，这是小提琴

function test_fn1() {
document.getElementById("demo").innerHTML = "<span onclick=\"delete_fn('111-aaaa')\">delete</span>";
}

function delete_fn(no_delete)
{
    alert(no_delete);
}

Answer 3

<html>
<head>
</head>
<body>

<div onclick="test_fn1()">CLICK 1</div>
<div id="demo"></div>

<script>
    function test_fn1() {
        document.getElementById("demo").innerHTML = "<span onclick='delete_fn(\"111-aaaa\")'>delete</span>";
    }
</script>

<script>
    function delete_fn(no_delete) {
        alert(no_delete);
    };
</script>


</body>
</html>

Answer 4

JS不会使用onclick函数捕获动态创建的元素。 您必须进行事件委托（如果您使用的是jQuery ）：-

$('#id').on('click', 'yourSelector', function() {
  //do something
});

为什么此功能的javascript无法提醒？

问题描述

4 个解决方案

解决方案1
1 已采纳 2016-01-27 09:22:22

解决方案2
0 2016-01-27 09:21:05

解决方案3
0 2016-01-27 09:30:07

解决方案4
0 2016-01-27 09:36:56

为什么此功能的javascript无法提醒？

问题描述

4 个解决方案

解决方案1 1 已采纳 2016-01-27 09:22:22

解决方案2 0 2016-01-27 09:21:05

解决方案3 0 2016-01-27 09:30:07

解决方案4 0 2016-01-27 09:36:56

解决方案1
1 已采纳 2016-01-27 09:22:22

解决方案2
0 2016-01-27 09:21:05

解决方案3
0 2016-01-27 09:30:07

解决方案4
0 2016-01-27 09:36:56