如何动态更改jquery弹出窗口的文本？

我正在尝试动态更改弹出文本。 我认为它可能是这样的：

$("#mypopup").text("Loading..."); $("#mypopup").popup("open"); load(); $("#mypopup").text("Loaded!"); 

这意味着弹出文本将是“Loading ..”，直到函数load（）完成后。 那就是“加载！”

我尝试过这个，在许多其他不同的方法中，没有一个有效。

有人可以帮我解决这个问题吗？

先感谢您！

编辑对不起大家，我忘了提到我正在使用jQuery Mobile。

这里有更多信息http://jquerymobile.com/test/docs/pages/popup/index.html

Answer 1

更改popup内容的方法之一

鉴于你有这样的标记：

 
 
 Open a popup 
 
It's a popup
 
 
  

您可以处理popupbeforeposition和/或popupafteropen事件

 $(document).on("pageinit", "#page1", function(){ $("#popup").on("popupbeforeposition", function(event, ui) { $(this).append("
I've been added to popup!
"); }); $("#popup").on("popupafteropen", function(event, ui) { $(this).append("
It has been added after I'm open!
"); }); }); 

另一种方法是在click事件中创建（或更改）弹出窗口的内容

鉴于加价

 Dynamic popup 
  

你可以做

 $("#btn1").click(function(){ $("#popup2").html("
Header
This is the popup's message.
").popup("open"); }); 

更新：最后你可以把它们放在一起：

 $("#btn1").click(function(){ $.mobile.loading('show', {theme:"e", text:"Loading the content...", textonly:true, textVisible: true}); setTimeout(function(){ //Do some lengthy work here doWork(); //Show the popup $("#popup2").html("
Header
This is the popup's message.
").popup("open"); }, 50); }); $("#popup2").on("popupafteropen", function(event, ui) { $.mobile.loading('hide'); }); 

UPDATE2 ：更新了jsFiddle以说明一些冗长的工作