jquery - 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页面

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

Answer 1

怎么样？执行 javascript 时 DOM 是否已经准备好？

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