Question

在jQuery移动应用程序上，我有一些奇怪的错误，这些错误发生在本页面的手动刷新之后。虽然很难解释..例如，这个页面工作正常但如果我刷新页面然后当我转到另一个页面并返回到此页面（所有单独的html文件）

 $("#accountlist").html(myHtml);

没有设置html，我得到一个空列表，但我知道“myhtml”有正确的数据，然后如果我再去另一页并返回然后 html设置正确。

任何想法？

<body>

<div class="account" id="accountpage" data-role="page">
    <script>


    $(document).off('pageshow', '#accountpage').on('pageshow', '#accountpage', function() {

        $(document).off('click', '#backbuttonaccount').on('click', '#backbuttonaccount', function(){
            $.mobile.changePage("menu.html", {
                reloadPage: false,
                transition: "flip",
                reverse: true
            });
        });

      $("#accountlist").html("myHtml");
    });

</script>


    <div class="container" id="accountcontanier" data-role="content">
              <ul id="accountlist"> 

              </ul>

    </div>

当我在设置之后使用此权限进行调试时;

 console.log($("#accountlist").text())

我总能看到正确的价值。

我也试过这种东西，但没有人帮忙

 $("#accountlist").listview('refresh');

Answer 1

好的，经过2天的挣扎，我修复了这个愚蠢的错误，而不是设置ul id，我添加了一个类ID并设置它......不知何故，它有效！

   <ul class="account" id="accountlist"> 

          </ul>

然后设置它。

$('.account').html(myHtml);

虽然我仍然感激，如果有人能解释我为什么这样做而不是ul id。

手动刷新后JQuery Mobile的奇怪行为

1 个答案: