Question

我有一个带图片的页面。

如果用户位于页面的末尾，则会加载更多内容，以便在用户结束时内容可以继续阅读。

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

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

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

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

我用：

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>

不会工作

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

Answer 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++;
});

jquery移动加载PHP脚本

1 个答案: