2012-06-29 78 views
0

是否有可能在JavaScript中打開Jquery Mobile中的對話框?從javascript打開jquery移動對話框?

我試圖做這樣的事情,但它沒有工作:

<a id='lnkDialog' href="goals.html" data-rel="dialog" data-transition="pop" style='display:none;'></a> 

,然後在JS

 document.getElementById('lnkDialog').click(); 

任何幫助,將不勝感激

回答

1

我們將需要更多的信息,但除非#lnkDialog已經具有綁定到單擊事件的功能,否則不起作用。我假設data-rel包含將彈出的模式的ID。

它會更喜歡

$('#lnkDialog').on({ 
    click: 
     function() { 
      var selector = '#' + $(this).attr('data-rel'); 
      $(selector).show(); 
     } 
}); 

但同樣,需要大量的詳細信息。

1

這就是我所做的。

在我的標記,我有體內定義的對話,朝着它的結束如下:

<div data-role="dialog" id="messagebox"> 
    <div data-role="header"> 
     <h1>Message</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 
     <span id="phMessage"></span> 
    </div> 
</div> 

然後在JavaScript我:

function showMessage(message) { 
    $("#phMessage").html(message); 
    $.mobile.changePage('#messagebox', 'pop', false, true); 
} 

你真正需要的僅僅是$.mobile.changePage('#messagebox', 'pop', false, true);

+1

奇怪的是,沒有爲我工作。當我調用該函數時什麼也沒有發生 – evenodd

+0

你可以創建一個jsfiddle並顯示我們嗎?確保對話框div的數據角色等於「對話框」 – Dimitri