リンクアラートをクリックすると「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');
});