2012-03-26 15 views
0

メニューが変わり、DIVクラスで選択されたアイテムに関連付けられたリンクに基づいて、DIV id = "main_content"のコンテンツを表示したい「DIVのリンクをクリックして別のDIVでPHP/HTMLを表示

ここで私は(を編集した)を使用していますjQueryのコードがある

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".items a").click(function(e){ 
     e.preventDefault(); 
     $("#main_content").load($(this).attr("href")); 
    }); 
}); 

</script> 

このコードは、論理的に正しいようで、私はここに投稿する前に徹底的に検索しました。この質問/投稿は、コードの作成に最も役立ちました。Clicking a link display it in Different Div on Same Page

リンクをクリックすると、新しいタブで開きます。だから私の質問は、なぜこれは動作していないのですか?

jQuery以外の提案があります。どんな助けでも大歓迎です。

ありがとうございます!

EDIT:

OK、ので、いくつかの試行錯誤の後、私は別のスクリプトが問題を引き起こしていたことがわかりました。 DIV全体をクリック可能なリンクにするために、以下のスクリプトを使用しています。

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".items").click(function(){ 
    window.location=$(this).find("a").attr("href"); 
    return false; 
    }) 
}); 
</script> 

私は両方のスクリプトを一緒に使用できますか?

+0

質問は...ですか? –

+0

問題は何ですか?何かエラーがありますか?あなたはコンソールでデバッグを試みましたか? – j08691

+0

HTMLを表示してください。あなたの 'href'が別のサイトを指している場合、' .load() 'することはできません。代わりにiframeが必要になります。 – Blazemonger

答えて

0

はい、コードが正しいようです(マークアップを見ずに)。サイド・ノートでは、デフォルト・アクションの防止とイベントの伝播の停止の両方を希望する場合は、ただreturn false;とすることができます。実際にイベントを伝播させないようにする必要がある場合を除き、私はe.preventDefault()とお勧めします。

+0

私は使用しているHTMLを含むように質問を更新しました。チップありがとう – NewWorldOrderly

関連する問題