• ベストアンサー

ジェイクエリーモバイルについて

ジェイクエリーモバイル(1.4.5版)でサイトの作成を勉強している初心者ですが、リンク(コード:<a href="#">〇〇</a>)を設定しても、PC版のGoogle Chromeとinternet Explorer では「Error Loading Page」と表示され、リンクが出来ません。 Mozilla FirefoxやSafariだと正常にリンクします。 どうすれば、Google Chromeとnternet Explorer でもリンクできるの様になるのでしょうか。ご教示お願い致します。

noname#233083
noname#233083
  • HTML
  • 回答数2
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • sanzero
  • ベストアンサー率56% (58/102)
回答No.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>はそこから相対的に指定したりすると楽です。

noname#233083
質問者

お礼

リンクすることが出来ました。ありがとうございます。 また、他のところもご教示して頂きありがとうございます。

その他の回答 (1)

  • sanzero
  • ベストアンサー率56% (58/102)
回答No.1

どんなコードを書きましたか? それがないと判断できません。

noname#233083
質問者

補足

すみません。下記のコートをHTMLに記載しました。 リンクは、リスト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>

関連するQ&A

  • どのプラウザーを使用していますか?

    1.Internet Explorer 2.Internet Explorer or Mac 3.Mozilla Firefox 4.Google Chrome 5.Safari or Windows 6.Safari or Mac 7.Opera 8.その他(使用しているプラウザー名を書いてください)

  • アメーバ自動ペタ機能について

    アメーバの自動ペタの無料ソフトについてです(´Д` ) 早速ですが、質問です・・・。 ユーザーの部分が、Now loadingから 全く動きません。 (IDの取得がされないのでしょうか・・・?) ・Internet explorer ・Google chrome ・safari で試しましたが、どれも反応しません。 アメーバにログインした状態にはなってるのですが・・・。 わかる方いらっしゃいましたら、答えてくれると嬉しいです(´∀`)

  • androidタブレット、モバイルで手作り辞書

    Androidのスマホとタブレットでつかえる辞書を作りたいのですが、 HTML5+jquerymobileで作れるものでしょうか? dreamweaverのHTML5+jquerymobileの開発をセットを試してみたら、 <div data-role="page" id="page"> <div data-role="header"> <h1>Page One</h1> </div> <div data-role="content"> <ul data-role="listview"> <li><a href="#page2l">Page Two</a></li> <li><a href="#page3">Page Three</a></li> <li><a href="#page4">Page Four</a></li> </ul> </div> <div data-role="footer"> <h4>Page Footer</h4> </div> </div> となっています。 この#page2をfunction.htmlに変更し、同じディレクトリにあるfunction.htmlにリンクさせようかと思ったのですが、クリックしたらloading errorと表示されました。 普通は、例えばエクセル関数辞書のように100以上の項目がある場合、100以上のHTMLファイルを多層のディレクトリに作ることで、1ページ辺りの容量を減らすと思うのですが、HTML5+jquerymobileで、一度に読む込む容量を減らすにはどうしたらいいのでしょうか? それとも、HTML5、jquerymobileは、<div data-role="page" id="page">とが暗喩するように、ひとつのファイルを分割して読み込むのでしょうか?

    • ベストアンサー
    • CSS
  • Internet Explorer8をダウンロードした方がいいのか?

    Internet Explorer8はダウンロードした方がいいのでしょうか? goo版、yahoo版、NSN版、windows版とたくさんあって、どれをダウンロードしたらいいのか分かりません。Explorer8をダウンロードして、パソコンに問題が起きたりすると聞きました。ダウンロードした方がいいのか?迷ってます。 私はよくYonetubeを見るのでGoogle chromeをダウンロードした方がいいのかな? 教えて下さい。

  • Access 選択クエリでの文字列の連結でピリオドを使いたい

    Accessで、選択クエリにて文字列を連結することで たとえば '<a href="http://www.google.co.jp/' & [aaaaa] & '/123.html">' ↑固定文字列          ↑ここだけ変わる ↑固定             ↓ <a href="http://www.google.co.jp/aaaaa/123.html"> のようなurlを作りたいのですが、ピリオドをそのまま入れると クエリ実行でエラーになりました。 \マークでエスケープしてみたらエラーになりませんでしたが、 テーブル表示では <a href="http://www\.google\.co\.jp/aaaaa/123\.html"> のようにそのまま表示されてます。 何とかピリオドを使ってURLを作る方法はないでしょうか。

  • ブラウザは、何を使っていますか?

    (1) Internet Explorer (2)Firefox (3)Google Chrome (4)Safari (5)Opera (6)その他

  • Google ChromeをアンインスツールしたらMozilla Th

    Google ChromeをアンインスツールしたらMozilla Thunderbirdのリンクが出来なくなりました。理由とリンクが出来るようにする方法をお教え願います。

  • GETクエリを含むリンクを張るとき・・・

    GETクエリを含むリンク張ったらW3CのValidatorに怒られました。 ”general entity "type" not defined and no default entity” とのことです。 &type=~ というクエリを含むので、&が実体参照の始まりとみなされてしまうようです。 これはどう修正すべきでしょうか。 <a href="URI">にGETクエリを含むURIを用いるのが文法違反なのでしょうか。

  • スタートページの登録

    ローカルPCで、スタートページを登録したいのですが、 以下のブラウザで、VBScriptでどのように行えばよろしいでしょうか? Microsoft Edge Internet Explorer FireFox Google Chrome Opera Safari(注:最終公開版) よろしくお願いします。

  • リンクがうまくできません。

    リンクがうまくできません。 ホームページのテンプレートをダウンロードし、メモ帳で編集しているところです。 ダウンロードしたものの中にindex.html(トップページ)とpage1.html(リンク先)が入っています。 トップページにリンクを他にも作りたいので、page2,page3,・・とつくったのですが、 <UL id="menu"> <LI><A href="page1.html">about</A></LI> <LI><A href="page2.html">photo</A></LI> <LI><A href="page3.html">blog</A></LI> <LI><A href="page4.html">link</A></LI> <LI><A href="page5.html">mail</A></LI> </UL> こうした場合に、page1.htmlはちゃんとリンクできるのですが、それ以外のリンクが出来ません。 何か間違えているんでしょうか? それとも、他に何かしなくてはならないことがあるんでしょうか? 初歩的な質問かもしれませんが、よろしくお願いします。

専門家に質問してみよう