Question

嗨，我希望你能帮助我解决这个让我陷入困境的问题！

我有一个类似于以下内容的可折叠集结构：

    <div data-role="collapsible-set" data-bind="foreach: thisTemplateColumnList">
        <div data-role="collapsible">
            <h3 data-bind ="text: Name"></h3>
            <p>I'm the collapsible set content for section 1</p>
        </div>
    </div>

它正确显示标题（列名称），但可折叠部分不起作用，我看到

我是可折叠的内容集第1节

在扩展可折叠之前我不应该看到。

我已成功尝试在静态布局中使用jquery-mobile可折叠，并且工作得很好。为什么 foreach：版本不起作用？

提前致谢。史蒂夫

Answer 1

我也遇到过这个问题，它通过更改标记来修复使用脚本模板。所以在你的情况下，将标记更改为：

<script type="text/html" id="template-column-list">
    <div data-role="collapsible">
        <h3 data-bind ="text: Name"></h3>
        <p>I'm the collapsible set content for section 1</p>
    </div>
</script>

<div data-role="collapsible-set" data-bind="template: { name: 'template-column-list', foreach: thisTemplateColumnList}">

</div>

稍后应用绑定后，您可能需要调用此代码：

$('[data-role="collapsible-set"]').trigger('create');

淘汰js jquery-mobile collapsible-set不起作用

1 个答案: