私は2つを使用する単一のhtmlページを持っています。1つはdata-role = "page"用で、もう1つはdata-role = "dialog"用です。私のページdivにはボタンがあり、このボタンをクリックしてdivダイアログを呼び出したいと思っていました.hereは私の例です---
<html>
<body>
<div data-role="page"
data-add-back-btn="true" data-theme="d">
<div data-role="fieldcontain" align="vertical">
<input type="reset" data-role="button" value="ok"
id="okButton">
</div>
$("#okButton").click(function ()
{
$.mobile.changePage("#myDialog");
});
</div>
<div id="myDialog" data-role="dialog" data-theme="b" >
<div data-role="content">
<div data-role="controlgroup" data-type="vertical">
<input type="submit" data-role="button" value="Add Margin" id="addmargin">
<input type="submit" data-role="button" value="CTD" id="ctd">
<input type="submit" data-role="button" value="Square Off" id="squareoff">
<input type="submit" data-role="button" value="Change Sqr.Off Mode" id="changeSqrMode">
</div>
</div>
上記のコードは正常に動作しますが、テーブル行のクリックでダイアログを呼び出したい場合、呼び出されません。これが私のテーブル行のクリックです:
<script type="text/javascript">
$("#tableId tr td").live("click",function(e)
{
var newrow = $(this).parent().parent().children().index($(this).parent());
e.stopImmediatePropagation();
alert("after e.stopImmediatePropagation");
alert("Before myDialog");
$.mobile.changePage('#myDialog');
});
</script>
ここで myDialog アラートが表示される前に $.mobile.changePage('#myDialog'); 実行されないか、myDialog が表示されません。
任意の提案をいただければ幸いです。前もって感謝します。