.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>

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

我不在那里使用.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");
});