Question

如何使JQ Mobile Navbar中的选项卡可刷卡？是否有任何内置的方法向nav-bar的div添加属性或者我们应该编写任何JQuery函数吗？ JSFiddle Here

 <div data-role="tabs" id="tabs">

        <div data-role="navbar" >

            <ul>

                <li><a href="#clothing" data-ajax="false">Men</a>      
   </li>
                <li><a href="#footwear" data-ajax="false">Women</a>
  </li>
                <li><a href="#accessories" data-
   ajax="false">Kids</a></li>
            </ul>

        </div>

Answer 1

http://demos.jquerymobile.com/1.3.0/docs/examples/swipe/swipe-page.html#&ui-state=dialog 可用源代码的示例

Answer 2

您要求的方式没有任何开箱即用：

http://api.jquerymobile.com/navbar/

但你可以添加一个jquery事件（也就是你所说的），例如：

$("div[data-role=navbar]").on("swiperight",function(e){
     e.preventDefault();
     e.originalEvent && e.originalEvent.preventDefault();
     console.log("SWIPEY!!")
     return false;
});

（另见：http://api.jquerymobile.com/swiperight/）

......我不得不怀疑你到底想要做什么？

Answer 3

尝试下面的工作示例，使用它的代码：

null

使标签在Jquery Mobile中可以滑动

3 个答案: