javascript - 动态绑定(bind)li项点击事件

Question

我有 durandal 和 knockout 网络应用程序。 我有一个 html 如下:

<ul id="header">

</ul>

在 .js 函数中，我动态添加 li 为:

$("#header).append('<li id="btn"><a href="javascript://" data-bind="click:function(data,event) { $root.testmethod(data,event); return true;}"> <span class="name">Test</span></a></li>')

ko.applyBindingsToNode(ul);

我知道我在调用 applyBindings 后绑定(bind)了 li。要动态添加它，我正在使用ko.applyBindingsToNode(ul); ，但仍然没有运气。

谁能告诉我这个的语法/替代解决方案是什么？

Answer 1

//开始 JavaScript 注释。这意味着 <a href="javascript: 之后的所有内容被注释掉，生成的代码将如下所示:

$("#header).append('<li id="btn"><a href="javascript:
ko.applyBindingsToNode(ul);

此外，ko.applyBindingsToNode调用将成为 ' 的一部分字符串在 append 的左括号之后打开打电话。

要解决此问题，您需要通过在注释前放置反斜杠来转义这些注释:

href="javascript:\/\/"