2013-01-21 33 views
0

我有工作:jquerymobile彈出功能沒有在onclick

<div data-role="page" class="type-interior"> 
    <div data-role="content" class="ui-body"> 
     <a href="#transitionExample" data-role="button" data-rel="popup"> 
      Pop Up 
     </a> 
     <div data-role="popup" id="transitionExample">This is a POP UP.</div> 
     <a href=# onClick="$('transitionExample').popup('open')" 
     data-rel="popup">OpenPopUp</a> 
    </div> 
</div> 

如果我點擊按鈕它的作品,但如果我使用Javascript方法.popup(「開放」),沒有任何反應。彈出不顯示。

發生了什麼事? 我使用JqueryMobile 1.2.0和JQuery 1.8.2。

回答

5
$('transitionExample').popup('open') 

應該

$('#transitionExample').popup('open') 

更多信息,請參閱:http://api.jquery.com/id-selector/

,那麼你最好在綁定的。就緒()你的鏈接,你應該儘量避免在DOMJavascript碼更好的可維護性。

<a href='#' id='myButton' data-rel="popup">OpenPopUp</a> 

和你<script></script>標籤

$(function() { 
    $("#myButton").click(function() { 
     $('#transitionExample').popup('open'); 
    }); 
}); 
0

我碰到這個線程同時試圖找到完全相同的行爲理性之間 - 點擊數據相對=「彈出」鏈接進行工作,但popup()方法沒有顯示任何內容。經過很多挫折之後,我終於發現問題歸結於我編碼的事實

$('#popupid').popup(open) 

沒有報價!沒有人抱怨 - Chrome沒有提出錯誤,但彈出窗口沒有任何提示。

希望這有助於別人。