Question

我有一个问题。这是我的HTML代码：

 <div data-role="collapsible-set" data-content-theme="d" id="set">
        <div data-role="collapsible" data-theme="b" id="set1" data-collapsed="false"  biaozhi="1">
            <legend>本周工作内容1</legend>
            <div data-role="fieldcontain">
                <textarea placeholder="请输入工作内容" style="height:60px;" name="text121" id="text121"></textarea>
            </div>
            <div data-role="fieldcontain">
                <fieldset data-role="controlgroup">
                    <legend>完成情况:</legend>
                    <select name="select-choice-1" id="select-choice-1">
                        <option value="0%">0%</option>
                        <option value="25%">25%</option>
                        <option value="50%">50%</option>
                        <option value="75%">75%</option>
                        <option value="100%" selected>100%</option>
                    </select>
                </fieldset>
            </div>
            <div data-role="controlgroup" data-type="horizontal">
                <a data-role="button" style="width:49%;" title="新增一行" data-icon="add" onclick="add_()">新增</a>
                <a data-role="button" style="width:49%;" title="删除一行" data-icon="delete" onclick="delete_()">删除</a>
            </div>
        </div>
    </div>

当我添加“可折叠”。然后刷新collapsible-set。

var con = '<div data-role="collapsible" data-theme="b" id="set1" data-collapsed="false"  biaozhi="1"><legend>本周工作内容1</legend><div data-role="fieldcontain"><textarea placeholder="请输入工作内容" style="height:60px;" name="text121" id="text121"></textarea></div><div data-role="fieldcontain"><fieldset data-role="controlgroup"><legend>完成情况:</legend><select name="select-choice-1" id="select-choice-1"><option value="0%">0%</option><option value="25%">25%</option><option value="50%">50%</option><option value="75%">75%</option><option value="100%" selected>100%</option></select></fieldset></div><div data-role="controlgroup" data-type="horizontal"><a data-role="button" style="width:49%;" title="新增一行" data-icon="add" onclick="add_()">新增</a><a data-role="button" style="width:49%;" title="删除一行" data-icon="delete" onclick="delete_()">删除</a></div></div>';


$("#set").append( con ).collapsibleset('refresh');

但是我得到了一个糟糕的结果：

“可折叠”的头部已经刷新。但是可折叠的内容不会刷新。

plz help me.thx

Answer 1

使用.trigger('create');重新增强可折叠集。

<强> Demo

$("#set").append( con ).collapsibleset().trigger('create');

当我在collapsible-set.how中添加代码以刷新jquery mobile中的collapsibleset时

1 个答案: