不引人注目的淘汰赛模板问题

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中，使用插件修改它，将修改后的版本作为文本插入模板并应用绑定，而不是进行字符串操作。