(数週間前に同様の質問を投稿しましたが、この状況/コンテキストは非常に異なります。これは重複した質問ではありません。)
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 のサイトやその他の場所で読んだことがありますが、近づいているように感じますが、まだ十分ではありません。
どうもありがとうございました！