0

我有一个带有图像的页面。

如果用户位于页面末尾，则会加载更多内容，因此如果用户位于页面末尾并且可以继续阅读，则内容会扩展。

我的问题是，当我得到内容时。

  <a data-role="button" data-theme="b" href="/ref">
        Title
  </a>

html 看起来是正确的，但它没有获得按钮的样式。它没有风格。

它看起来像一个旧链接（蓝色下划线）

我用 ：

var url = "more.php?p=" + nextpage;

$.post(url, function (data) {

    $('#all').children().last().after(data);
    alreadyloading = false;
    nextpage++;
});

加载 div #all 中的内容

但我发现样式改变了，因为我添加了

  id="all"

到 

  <div data-role="content" >

但我需要一个 div id 来加载脚本 more.php 我该怎么做？所以我想保留样式但在 div 中加载内容。

如果我删除 id="all" 并将 html 粘贴到 div 中：

像

 <div data-role="content" >

 <a data-role="button" data-theme="b" href="link.php?id=26" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-btn-up-b ui-shadow ui-btn-corner-all"><span class="ui-btn-inner ui-btn-corner-all">

 <span class="ui-btn-text">
 Title</span></span></a>

有用。

但

 <div data-role="content" **id="all"** >

 <a data-role="button" data-theme="b" href="link.php?id=26" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-btn-up-b ui-shadow ui-btn-corner-all">

 <span class="ui-btn-inner ui-btn-corner-all">

 <span class="ui-btn-text">

 Title</span></span></a>

不会工作

所以我的问题是如何在保持按钮样式的同时导入数据。

4

1 回答 1

1

create加载新标记后，您可以在容器元素上触发事件：

$("#all").load("more.php?p=0", function() {
    $(this).trigger("create");
});

编辑：如果您使用$.post()而不是load() ，则适用相同的策略：

$.post(url, function(data) {
    $("#all").append(data).trigger("create");
    alreadyloading = false;
    nextpage++;
});
于 2013-03-28T14:43:30.617 回答