- ベストアンサー
ジェイクエリーモバイルについて
ジェイクエリーモバイル（1.4.5版）でサイトの作成を勉強している初心者ですが、リンク（コード：<a href="#">〇〇</a>）を設定しても、ＰＣ版のGoogle Chromeとinternet Explorer では「Error Loading Page」と表示され、リンクが出来ません。 Mozilla FirefoxやSafariだと正常にリンクします。 どうすれば、Google Chromeとnternet Explorer でもリンクできるの様になるのでしょうか。ご教示お願い致します。
- HTML
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
kei.htmlに通常の遷移（ajaxではなく）をしたいのでしたら <a href="kei.html" data-ajax="false"> というように data-ajax="false"を追加してください。 ★まずいとこ <script src="../jquerymobile/jquery.js"></script> <script src="../jquerymobile/jquery.mobile-1.4.5.js"></script> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> jQueryを二回呼んでいます。 CDNを使うなら以下のようにしましょう。 <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> ついでにCSSも。 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> ★無駄なとこ <li>にpopmenu1などidがそれぞれ設定してある それぞれidを設定するのは面倒なので<ul>にidを設定し、<li>はそこから相対的に指定したりすると楽です。
その他の回答 (1)
- sanzero
- ベストアンサー率56% (58/102)
どんなコードを書きましたか？ それがないと判断できません。
補足
すみません。下記のコートをＨＴＭＬに記載しました。 リンクは、リスト1にkei.html（同じフォルダ内にあります）しか設定していませんガ、リンクすることが出来ませんでした。ご教示お願い致します。 【headの部分】 <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>作成例</title> <link rel="stylesheet" href="../jquerymobile/jquery.mobile-1.4.5.css" /> <link rel="stylesheet" href="kumi.css" /> <link rel="stylesheet" href="themes/k5.min.css" /> <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" /> <script src="../jquerymobile/jquery.js"></script> <script src="../jquerymobile/jquery.mobile-1.4.5.js"></script> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> </head> 【リンクを設定した場所】 <div role="main" class="ui-content"> <a href="#popupMenu1" id="Menu1" data-rel="popup" data-transition="pop" class="ui-btn ui-icon-carat-r ui-btn-icon-right" ><img src="56×56.jpg" width="20">親メニュー</a> <div data-role="popup" id="popupMenu1" data-theme="k5"> <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a> <ul data-role="listview" data-inset="true"> <li data-role="divider">親メニュー</li> <li id="popmenu1" ><a href="kei.html">リスト1</a></li> <li id="popmenu2"><a href="#">リスト2</a></li> <li id="popmenu3"><a href="#">リスト3</a></li> <li id="popmenu4"><a href="#"><img src="56×56.jpg" alt="Germany" class="ui-li-icon">リスト4</a></li> </ul> </div>
お礼
リンクすることが出来ました。ありがとうございます。 また、他のところもご教示して頂きありがとうございます。