复制ajax内容

时间:2013-02-19 12:51:22

标签: javascript ajax jquery-mobile knockout.js

我在jquery mobile(淘汰赛)中重复ajax内容时遇到问题。 当我回调按钮开始表单并且再次调用所有进程时,问题就开始了。 示例代码:

            <div data-role="header" data-theme="c">
                <a data-bind="click: headerBackBtn" data-role="button">Back</a>
                <h1>
                    Header title
                </h1>
            </div>
            <div data-role="content">
                <form id="form" name="form" data-bind="visible: form">
                        <label for="name">Name:</label>
                        <input type="search" name="name" id="name"/>
                        <button data-bind="click: toFirstContent" data-icon="search">Search</button>
                </form>

                <!-- first content -->
                <div class="div-1" id="div-1" data-bind="visible: div-1">
                    <a data-bind="click: toSecondContent">
                        Link
                    </a>
                </div>

                <!-- second content -->
                <div class="div-2" id="div-2" data-bind="visible: div-2">
                    Text
                </div>
            </div>
            <div data-role="footer" data-theme="c">
                <h4>footer</h4>
            </div>
    self.headerBackBtn = function () {
        if (self.div-2()) {
            self.div-2(false);
            self.div-1(true);
            return;
        }
        if (self.div-1()) {
            self.div-1(false);
            self.form(true);
            return;
        }
    };

1 个答案:

答案 0 :(得分:0)

解决方案是http://api.jquery.com/remove/。对于每个元素,我把class =“removeItem”然后调用$(“。removeItem”)。remove(),然后调用函数获取新元素...