changePage 后的 JQuery innerHTML 不起作用

Posted

技术标签:

【中文标题】changePage 后的 JQuery innerHTML 不起作用【英文标题】:JQuery innerHTML after changePage not working 【发布时间】:2020-12-23 02:17:21 【问题描述】:

我正在使用 jQuery mobile(对于 Cordova 应用程序),我想在解决方案中更改为不同的页面,然后在该新页面中更改 div 的内容:

        $.mobile.changePage("otherPage.html");
        $("#div_in_otherPage").html("Hello");

但它不起作用。它移动到新页面,但 DIV 没有改变。我尝试不更改到新页面并将具有相同 ID 的 DIV 放在上一页中,它确实更改了该 DIV 的内容。是什么让我认为 $.html 附加到上一页的 DOM 上。 还尝试使用带有 innerHTML 的普通 javascript 而不是 $.html,但结果相同。

在 changePage 之后我还需要做其他事情吗?还是我应该使用其他方法?

提前致谢。

【问题讨论】:

【参考方案1】:

当然它不会自动加载页面,所以当页面准备好时,我不得不将 innerHTML 放入一个事件中:

$(document).on("pagebeforeshow", "#otherPage", function(event,data)
    $("#div_in_otherPage").html("Hello");
);

【讨论】:

以上是关于changePage 后的 JQuery innerHTML 不起作用的主要内容,如果未能解决你的问题,请参考以下文章

jQuery Mobile中jQuery.mobile.changePage方法使用详解

Jquery - $.mobile.changePage 不工作

changePage 后 jQuery Mobile 刷新页面

Jquery Mobile - $ .mobile.changepage没有加载外部.JS文件

jQuery Mobile:获取通过 changePage 传递给页面的数据

滑动后 JQuery Mobile changePage() 到同一页面