2013-07-16 50 views
0

是否有使用一些pageinit事件的彈出,以填充一個輸入框與從主網頁的電子郵件地址的方法嗎?jquery mobile pageinit popupinit上的彈出菜單?

所以在我的html,我有聲明爲數據角色=「頁面」,並彈出一個聲明爲數據角色=「彈出」第1頁。在「頁面」中,我有一個包含電子郵件地址的輸入和一個調用彈出窗口的按鈕。在彈出窗口中,我有一些文本,另一個輸入文本和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"); 
}); 

我怎樣才能填補$( '#adresa')從彈出sendm用$( '#emailadr')從頁面pg_main價值? 謝謝

回答

2

你需要的是這樣的代碼:

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

彈出打開時,它會被執行。這裏使用的事件被稱爲popupafteropen,你可以找到更多關於它的官方documentation

工作例如由形成代碼:http://jsfiddle.net/Gajotres/Q5KSV/

+0

我有該功能的具體內容,但我沒有事件在何處放置它的想法。它是這樣工作的。非常感謝你。 – user1137313