別のページをjQueryのajaxを使って読み込み表示させる | スターフィールド株式会社

暮らしカテゴリーの変更を依頼記事元:

sterfield.co.jp

11 usersがブックマークコメント

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fsterfield.co.jp%2Fdesigner%2F%25E5%2588%25A5%25E3%2581%25AE%25E3%2583%259A%25E3%2583%25BC%25E3%2582%25B8%25E3%2582%2592jquery%25E3%2581%25AEajax%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%25A3%25E3%2581%25A6%25E8%25AA%25AD%25E3%2581%25BF%25E8%25BE%25BC%25E3%2581%25BF%25E8%25A1%25A8%25E7%25A4%25BA%25E3%2581%2595%25E3%2581%259B%25E3%2582%258B.html" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="http://sterfield.co.jp/designer/%E5%88%A5%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92jquery%E3%81%AEajax%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%81%BF%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B.html">別のページをjQueryのajaxを使って読み込み表示させる | スターフィールド株式会社</a><a href="https://b.hatena.ne.jp/entry/sterfield.co.jp/designer/%E5%88%A5%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92jquery%E3%81%AEajax%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%81%BF%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B.html">はてなブックマーク - 別のページをjQueryのajaxを使って読み込み表示させる | スターフィールド株式会社</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

別のページをjQueryのajaxを使って読み込み表示させる | スターフィールド株式会社

jQueryのajaxを使って別のページ(html)をページ内のある部分に読み込み表示させてみました。概要 index... jQueryのajaxを使って別のページ(html)をページ内のある部分に読み込み表示させてみました。概要 index.htmlにて、メニューのボタンを押すと、 $.ajaxにて、1.html(~4.html)のファイルを読み込み、ページ内に表示させています。今表示させているページのボタンを押すと、なにも起こらないようにしています。デモは以下になります。 DEMO 【html】 <div class="gnavi"> <ul> <li><a href="1.html">1のページ</a></li> <li><a href="2.html">2のページ</a></li> <li><a href="3.html">3のページ</a></li> <li><a href="4.html">4のページ</a></li> </ul> </div> <div class="pageDispl