Jquery mobile jQueryMobile选项卡在对话框中不工作

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使用以下代码打开对话

我正在使用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中发布。不客气!