ページ分割のある Jquery Mobile ページがあります。左側にはリストビューがあり、左側のリストビューをクリックすると右側に詳細が表示されます。基本的に、クリックすると、DIVの非表示/非表示を行っています。正常に動作していますが、そうしている間にJquery Mobile data-transitionを使用できるかどうか知りたいです。サンプルコードはこちら
<div id="left-side">
<ul data-role="listview" id="name1" data-theme="d" data-filter="false" data-inset="false" >
<li data-icon="false" id="K1"><a href="#" data-transition="slide"> Show A </a></li>
<li data-icon="false" id="K2"><a href="#" data-transition="slide"> Show B</a></li>
</ul>
</div>
<div id="right-side">
<div id="A"> Showing DIV A </div>
<div id="B" style="display:none">Showing DIV B </div>
</div>
<script>
$('li#K1').live('click', function() {
$("div#A").show();
$("div#B").hide();
});
$('li#K2').live('click', function() {
$("div#A").hide();
$("div#B").Show();
});