0

有没有办法为弹出窗口使用一些 pageinit 事件，以便使用来自主页的电子邮件地址填充输入框？

因此，在我的 html 中，我将 1 个页面声明为 data-role="page"，并将一个弹出窗口声明为 data-role="popup"。在“页面”中，我有一个包含电子邮件地址的输入，以及一个调用弹出窗口的按钮。在弹出窗口中，我有一些文本、另一个输入文本和 2 个按钮。此输入框必须填充主页面输入框值的内容。我怎样才能做到这一点？弹出窗口也有一些 pageinit 事件吗？

所以这是我的主页声明（pg_main）

<div data-role="page" id="pg_main">
  <input type="email" name="emailadr" is="emailadr" value="" />
  <input id="sendemail" class="emailclass" type="button" name />
</div>

现在弹出窗口（sendm）

<div data-role="popup" id="sendm" class="ui-content">
  <h3>Send the email</h3>
  <p> Confirm email address below</p>
  <input type="email" name="adresa" id="adresa" value="" />
  <input type="button" id="emailok" value="Send" />
  <input type="button" id="emailno" value="Give up" />
</div>

当然，我有一些代码可以用有效的电子邮件地址填充 pg_main 中的输入，但这不是我的问题。在我的脚本中，我这样调用弹出窗口：

$(document.body).on('click','.emailclass', function(){
$('#sendm').popup("open");
});

如何使用页面 pg_main 中的 $('#emailadr') 的值填充弹出 sendm 中的 $('#adresa')？谢谢

4

1 回答 1

2

你需要的是这段代码：

$("#sendm").on("popupafteropen", function( event, ui ) {
    $('#adresa').val($('#emailadr').val());
});

它将在弹出窗口打开时执行。这里使用的事件被调用popupafteropen，你可以在官方文档中找到更多关于它的信息。

从您的代码中制作的工作示例：http: //jsfiddle.net/Gajotres/Q5KSV/

于 2013-07-16T21:59:50.833 回答