Question

我在JQuery mobile的页面上有一组标签。在单独的页面上，我想创建指定要显示的选项卡窗口的链接。

目前，似乎链接到标签的ID不会做任何事情，除非它在同一页面上。（标签页头工作正常。）它们只是不能从单独的“页面”工作。我不确定这是否是框架中的疏忽，或者我是否遗漏了一些简单的东西！

<body>

<div data-role="page" id="front">

  <div data-role="content" class="ui-content">
    <a href="#main">main link</a>
    <a href="#p1">tab 1</a>
    <a href="#p2">tab 2</a>

  </div>

</div>

<div data-role="page" id="main">

  <div data-role="tabs" class="tabs ui-content">
    <div data-role="navbar">
      <ul>
        <li><a href="#p1" data-ajax="false">Tab 1</a></li>
        <li><a href="#p2" data-ajax="false">Tab 2</a></li>
      </ul>
    </div>
    <div id="p1" class="ui-body-d ui-content">
      Tab 1 <br />
      <a href="#front">Return</a>

    </div>
    <div id="p2" class="ui-body-d ui-content">
      Tab 2 <br />
      <a href="#front">Return</a>

    </div>
  </div>

</div>

</body>

Answer 1

我为你做了一个例子，请参阅jsFiddler。

我使用特殊标签绑定链接，以检测并触发点击。

$(document).ready(function(){
    $('a[data-target]').on('click',function(){
    var target = $(this).attr('data-target');
    $('a[data-info="'+ target +'"]').click();
  });
});

但是，这个方法有问题，.click（）的时间比渲染选项卡快，然后我用一个小计时器解决它。

setTimeout(function(){
    $('a[data-info="'+ target +'"]').click();
},500)

让我知道作品。

抱歉我的英语不好。

如何链接到JQuery mobile中的特定标签页？

1 个答案: