android - .load() 奇怪的行为，元素重复

Question

我有一个主导航栏，它根据选择的内容加载内容 - 使用.load()- 到 div data-role=content，

所以我使用TapHandler导航栏上的事件来加载如下内容：

$("#mainc").load(target, function() {
     $("#index").trigger("pagecreate");  //#index is the page id
});

正在加载内容的 div：

<div data-role="content" id="mainc">

</div>

正在加载的内容：（第二个导航栏）

<div id="profile_navbar" data-role="navbar">
    <ul>
        <li><a href="#">My Profile</a></li>
        <li><a href="#">Events</a></li>
        <li><a href="#">Settings</a></li>
    </ul>
</div>

问题是，第一次点击，一切都很完美，然后，它开始重复一些边框，我更改标签越多，它获得的边框越多，

我.trigger('create')不在那里使用，因为它没有得到使用 jqm css 样式的加载内容。

图片：

这里发生了什么？

谢谢。

Answer 1

经过几个小时的挣扎，我发现问题不在于问题，而.trigger(“pagecreate”)在于.load()

所以我想出了这个：（不要问我为什么，我只知道它是这样工作的）

$.get(target, function(data) {
    $('#mainc').html(data);
    $('#mainc').trigger("create");
});

代替：

$("#mainc").load(target, function() {
    $('#mainc').trigger("create");
});