jQuery/Ajax移动页面转换不适用于引导RC1_Jquery_Jquery Mobile_Twitter Bootstrap

jQuery/Ajax移动页面转换不适用于引导RC1

jquery jquery-mobile twitter-bootstrap

jQuery/Ajax移动页面转换不适用于引导RC1,jquery,jquery-mobile,twitter-bootstrap,Jquery,Jquery Mobile,Twitter Bootstrap,我正在使用新的引导和jQuery。我正试图找出用手势在页面之间导航的最佳方式我原来有位置。注册一个手势后替换开火。然后我找到了Ajax方法，它在div之间有div和链接，就像它们是页面一样：但是，当我使用引导程序运行此功能时，按钮会单击“确定”，但会加载一个空白页面，即使URL反映了mydomain.com/page\foo上的正确域。如果我重新加载，它将加载“第二页” 我知道我可以用不同的方法来实现这一点，但是a）我用ajax链接做得最好吗，b）为什么它不起作用？我是否应该只使用方法1并

我正在使用新的引导和jQuery。我正试图找出用手势在页面之间导航的最佳方式

我原来有

位置。注册一个手势后替换开火。然后我找到了Ajax方法，它在div之间有div和链接，就像它们是页面一样：

但是，当我使用引导程序运行此功能时，按钮会单击“确定”，但会加载一个空白页面，即使URL反映了mydomain.com/page\foo
上的正确域。如果我重新加载，它将加载“第二页”
我知道我可以用不同的方法来实现这一点，但是a）我用ajax链接做得最好吗，b）为什么它不起作用？我是否应该只使用方法1并向页面加载添加转换
应用程序的背景是一个完全移动的web应用程序
<head>
<link href="css/bootstrap.css" rel="stylesheet">
</head>

<!-- Navbar -->
<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="/">Meteor Prototype</a>
    <div class="nav-collapse collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="/">Home</a></li>
        <li><a href="map-page.php">Map Page</a></li>
        <li><a href="exhibit-list-page.php">Exhibit List Page</a></li>
        <li><a href="exhibit-page.php">Exhibit Page</a></li>
        <li><a href="top-level-museum.php">Top Level Museum</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</div>

<div class="container">

<!-- Start of first page -->
<div data-role="page" id="foo">

<div data-role="header">
    <h1>Foo</h1>
</div><!-- /header -->

<div data-role="content">
    <p>I'm first in the source order so I'm shown as the page.</p>
    <p>View internal page called <a href="#bar">bar</a></p>
</div><!-- /content -->

<div data-role="footer">
    <h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
<!-- Start of second page -->
<div data-role="page" id="bar">

<div data-role="header">
    <h1>Bar</h1>
</div><!-- /header -->

<div data-role="content">
    <p>I'm the second in the source order so I'm hidden when the page loads. I'm just shown if a link that references my id is beeing clicked.</p>
    <p><a data-transition="flip" data-inline="true" href="#foo">Back to foo</a></p>
</div><!-- /content -->

<div data-role="footer">
    <h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->

   <script src="js/jquery.js"></script>
   <script type="text/javascript" src="js/jquery.mobile-1.3.2.js"></script>









福
我是源代码顺序中的第一个，因此显示为页面
查看名为
页脚
酒吧
我是源代码顺序中的第二个，所以当页面加载时我是隐藏的。我只是显示了一个引用我id的链接是否被点击

页脚
向我们展示您的HTML。这些页面是多页的吗？我可以选择上面代码中的1页，也可以选择单独的页面。最终，我使用滑动手势加载不同的页面。这在jQuery Mobile上很好用，但同样，我不能附加一个转换。更改页面的代码在哪里？您确实需要jQM CSS，一个带有主题的CSS，或者只包含结构。还可以尝试将js文件移动到Head，检查方法