不显眼的淘汰赛模板问题

Question

我一直在试验一个不显眼的 Knockout 数据绑定 jQuery 插件。点击链接here。

不过，我似乎无法弄清楚如何将“数据绑定”属性保留在模板之外。我也无法决定是否应该这样做。我只是有预感。

示例模板：

<script id="storeTemplate" type="text/x-jquery-tmpl">
    <li>
        <div class="storeTitle" data-bind="click: select">${storeTitle}</div>
    </li>
</script>

我认为将data-bind="click: select" 从那里拉出来可能是个好主意。有谁知道如何做到这一点？我试过$(".storeTitle").dataBind( { click: "select" } ); jQuery 选择器只选择已经在 DOM 中创建的对象，但我们要编辑的元素还不是 DOM 的一部分。另外，我想避免多次应用绑定。

Answer 1

看来我只是回答了我自己的问题。考虑到模板中的元素实际上位于 DOM 中（只是字符串形式），我可以只修改字符串并添加 data-bind="click: select"。一位同事建议我暂时将模板文本作为 innerHTML 插入以将其添加到 DOM，使用插件对其进行修改，将修改后的版本作为文本插入回模板并应用绑定，而不是进行字符串操作。