如何使用knockout JS添加或删除jQueryUI选项卡?

C.J*_*.J. 6 jquery jquery-ui knockout.js

我一直在尝试使用knockout添加/删除jQueryUI选项卡,但没有任何运气.我的视图模型是一个Effect对象数组.我希望在视图模型中添加/删除对象时,从选项卡控件中添加/删除选项卡.

这是一个JSFiddle有人开始和我更新,它显示了我想要做的 JSFiddle示例

当您尝试添加选项卡时它会中断.我想我需要结合模板绑定w /一个新的自定义绑定,可以破坏/重新创建我认为的选项卡控件.我非常感谢任何帮助.谢谢!

Cha*_*evy 0

每次模型更改时,您很可能都必须重新渲染选项卡界面。

另外,向选项卡添加唯一的 ID <ul>

<ul id="tabs">
Run Code Online (Sandbox Code Playgroud)

每次模型改变时,调用

$("#tabs").tabs();
Run Code Online (Sandbox Code Playgroud)

(我不确定如何使用 Knockout 触发事件,但我确定它在文档中。)