Jquery Mobile - 瀏覽內部頁面沒有迴應

Question

當我點擊鏈接警報「optionX」顯示，但頁面不導航到編輯頁面（內部頁面）。我試過

$.mobile.changePage("#option", {transition: "slide"}); 

它沒有工作。這應該是一個簡單的任務，但我爲此長期呆了。

HTML

<!-- Start of word page --> 
<div data-role="page" id="word"> 

<div data-role="content">   
    <a href="#option" id='X' >Option</a>   
</div> 
</div><!--End Word page --> 

<!-- Start of option page --> 
<div data-role="page" id="option"> 
    <div data-role="content"> 
     <h1>Option PAGE</h1> 
    </div> 
</div><!--End option page --> 

JS PAGE

$("a#X").live('click', function(){ 
    alert('optionX'); 
}); 

Answer 1

怎麼樣？執行javascript時DOM是否準備就緒？

$("a[id='X'").on('click', function(){ 
    alert('optionX'); 
});