2

（几周前我发布了一个类似的问题，但这种情况/上下文非常不同。这不是一个重复的问题。）

我将 jQuery Mobile 1.3.1 与 jQuery 1.10.1 一起使用。

我创建了可点击的图标，当点击它时，应该会弹出一个包含一些信息的对话框。而且效果很好 - 有时。其他时候我点击它，什么也没有发生。起初似乎没有押韵或理由说明它何时会或不会起作用。然后我意识到它只有在我刷新页面后才有效；当一个人第一次到达该页面时它不起作用。

所以我猜它与 jQuery Mobile 事件有关，我似乎仍然很难理解。

这是一个代码片段：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8"/>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Some Company - Current Rates</title>

   <link rel="stylesheet" href="css/jquery.mobile.css" />
   <link rel="stylesheet" href="css/themes/cwm-mob-2.css" />
   <link rel="stylesheet" href="css/cwm-m.css" />
   <link rel="stylesheet" href="css/whhg.css" />

   <script src="js/jquery.js"></script>
   <script src="js/jquery.mobile.js"></script>
</head>

<body>
   <div data-role="page" id="jumbo" data-add-back-btn="true" data-theme="a">
     <div data-role="header" data-theme="b">
        <a href="index.html" data-icon="home">Home</a>
        <div class="logo">
           <center><img border='0' src='images/cmtransp.png' /></center>
        </div> <!-- logo -->
        <a href="#" data-role="button" data-rel="back" data-icon="back" class="ui-btn-right">Back</a>
        <div data-role="navbar" data-theme="a">
        <ul>
           <li><a href="guarantee.html">Guarantee</a></li>
           <li><a href="lockrate.php">Lock Your Rate</a></li>
           <li><a href="fixed.php">Current Rates</a></li>
        </ul>
     </div> <!-- navbar -->
  </div> <!-- header -->
  <div data-role="content">
     <ul data-role="controlgroup" data-type="horizontal" class="localnav">
        <li><a href="fixed.php" data-role="button" data-transition="fade">Fixed</a></li>
        <li><a href="arm.php" data-role="button" data-transition="fade">ARM</a></li>
        <li><a href="jumbo.php" data-role="button" data-transition="fade" class="ui-btn-active">Jumbo</a></li>
        <li><a href="hb.php" data-role="button" data-transition="fade">High Balance</a></li>
     </ul>
     <table data-role="table" id="rate_table" class="table-stripe table-stroke">
        <h2>30 Year Fixed - Jumbo <a href="#jumboinfo" data-rel="dialog" style="text-decoration: none"><i class="icon-info-sign"></i></a></h2>

有问题的链接位于代码片段的最后一行。

如果从链接转到 jQM 页面，我知道会发生一系列事件。第一次通过超链接访问页面时不会发生的页面刷新期间会发生什么？我已经在 jQuery Mobile 网站和其他地方阅读过，但我觉得我很接近但并不完全在那里。

非常感谢！

4

0 回答 0