我有一个 html 页面，其中我使用了两个，一个用于 data-role="page"，另一个用于 data-role="dialog"。在我的页面 div 我有一个按钮，从这个按钮单击我想调用 div 对话框。这是我的例子---
<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 未显示。
任何建议将不胜感激。提前致谢。