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');   
});