Jquery mobile jQueryMobile选项卡在对话框中不工作
我正在使用jQueryMobile 1.4。 这是他们介绍的版本 我可以让对话框自己工作。我也可以让选项卡自己工作,但当它与dialog配对时,它似乎不工作 我有一个玩具的例子来说明这个问题 如果直接转到dialog.html页面,则对话框和选项卡工作正常 但是如果从index.html页面开始,然后单击链接弹出对话框,则该过程将失败。发生的情况是,该对话框暂时弹出,但随后又消失。url也会更改为dialog.html,但内容是index.html My index.html使用以下代码打开对话框页面:Jquery mobile jQueryMobile选项卡在对话框中不工作,jquery-mobile,jquery-dialog,jquery-tabs,Jquery Mobile,Jquery Dialog,Jquery Tabs,我正在使用jQueryMobile 1.4。 这是他们介绍的版本 我可以让对话框自己工作。我也可以让选项卡自己工作,但当它与dialog配对时,它似乎不工作 我有一个玩具的例子来说明这个问题 如果直接转到dialog.html页面,则对话框和选项卡工作正常 但是如果从index.html页面开始,然后单击链接弹出对话框,则该过程将失败。发生的情况是,该对话框暂时弹出,但随后又消失。url也会更改为dialog.html,但内容是index.html My index.html使用以下代码打开对话
$('#info').on('click', 'a', function(event) {
event.preventDefault();
$.mobile.pageContainer.pagecontainer('change','dialog.html');
});
My dialog.html就是这样:
<div data-role="page" data-dialog="true">
<div data-role="header" data-theme="d">
<h1>Dialog</h1>
</div>
<div data-role="content" data-theme="c">
<div data-role="tabs">
<div data-role="navbar">
<ul>
<li><a href="#tab1" data-ajax="false">tab1</a></li>
<li><a href="#tab2" data-ajax="false">tab2</a></li>
<li><a href="#tab3" data-ajax="false">tab3</a></li>
</ul>
</div>
<div id="tab1">
Content1
</div>
<div id="tab2">
Content2
</div>
<div id="tab3">
Content3
</div>
</div>
</div><!-- content -->
对话
内容1
内容2
内容3
这是一个bug,谢谢你的指针。我将尝试其中列出的_createWidget解决方案,并祈祷jQM 1.4的下一版本能够解决这个问题哦,嘿,奥马尔!这就是回答我最后一页事件问题的奥马尔吗?再次感谢你!是的,同样如此;)该修复程序计划在JQM 1.5中发布。不客气!