2016-04-04 5 views
1

は、私はユーザーが「ダッシュボード」をクリックした際に黄色の領域の内容を変更しようとしていますクリックしてくださいdivエリアへ:変更するHTMLコンテンツは、「顧客など、

$('.icon-dashboard').on('click', function() { 
    $("#area").load("secondpage.html #area > *"); 
}); 

これは私には役に立たなかった。メインタグ間のコンテンツを変更するための提案はありますか?

+0

フィドルまたはコードペーンを作成して、動作していないものを確認してください。 –

答えて

1

あなたのロードコマンドのセレクタが間違っています。あなたのHTMLに<div class="helper"><main>タグが表示されているので、$("main .helper").load(...)を使用してコンテンツを「ヘルパー」に読み込むことをお勧めします。または、 "helper" divを.loadから返ってくるものに置き換えたい場合は、$("main").load(...)を実行してください。

また、 "secondpage.html"を.load()に渡すことは、ローカルブラウザでのみ行われます。私はあなたがテストしているので、あなただけがそれをやっていると仮定していますか?最終的には、あなたのコンテンツを返すためにURLにバックエンドスクリプトが必要になります。

+0

お返事ありがとうございます。私はそれがlocalhostだけで動作するようにしたい。それがどのように機能するかを知ろうとしています。私はあなたが言ったことを試みたが、それは私のために働かなかったまたは私はそれを正しく実装することができませんでしたか? – clouddy

+0

"secondpage.html"の後のセレクタが間違っている可能性があります。そのファイルを見て、 '' id = "area" "'があるかどうかを確認してください。そうでない場合は、コンテンツを取得する要素を特定し、その要素に一致するセレクタを作成する必要があります。要素自体ではなく、内容だけを望むなら ''> * ''を追加してください。 – Chad

関連する問題