如何使用jquery mobile将php文件中的内容附加到div中

Question

目标：我正在尝试刷新 div 内的内容，以便如果用户登录，页面会动态更改。

进度：我的第一次尝试是使用$("#tab_b").load("php/tabs.php #tab_b");，但这并没有更新 DOM，因此没有应用 jquery 样式。然后我尝试添加 .trigger('create') 函数$("#tab_b").trigger('create'); 这只会导致样式闪烁在几分之一秒内打开和关闭。然后我尝试了似乎有效的 .append() 函数，我正在使用以下代码来测试该函数并且它有效：

$("#tab_b").html('');
$("#tab_b").append("<button type='submit' data-theme='a'>Test button</button>").trigger('create');

我唯一的问题是从 php 文件中获取内容，然后将其附加到 div。

应刷新的内容：“#tab_b”

<div id="tab_b" class="content_div">    
    <?php

    if(!isLoggedIn())
    {
        ...
    }
    else
    {
        echo("
        <button type='submit' data-theme='a' id='logout' >Logout</button>
         ");
    }
    ?>
</div>

关于如何做到这一点的任何想法？也欢迎任何关于改进的建议，我是一个初学者程序员。

这个问题是为了解决我在另一个主题中讨论的一个更大的问题：

jQuery Mobile does not apply styles after dynamically loading content

Answer 1

我发现您可以使用 $.ajax 函数获取数据。这将返回整个页面。 我的解决方案是将需要刷新的内容移动到新的 php 页面， tab_b.php 并从那里加载它。不确定这是否是最好的解决方案，但它有效。

$.ajax({
     url: 'php/tab_b.php',
     success: function (data) {
          $("#tab_b").html('');
          $("#tab_b").append(data).trigger('create');
     }
});

Answer 2

这可能有效：

$( '#tab_b' ).live( 'pageinit',function(event){
  alert( 'This page was just enhanced by jQuery Mobile!' );
});

我会研究事件 API

• http://jquerymobile.com/demos/1.1.0-rc.1/docs/api/events.html