divの問題から外部コンテンツをロードする単純なjquery

Question

jqueryコードを少し変更して、外部コンテンツを既存のdivにロードして、動作させることができないようにしました。私が持っている問題は、ページに多くのリンクがあるので、コードをより使いやすくしようとしていることです。私は初心者ですので、私はそれを簡単に保つことができるかどうかを確認しようとしています、そして、私は問題がどこにあるのか分かりません。私が修正しようとしているコードの一部：

$(function() { 
    $('div[class="subNav"]').click(function() { 
    $('#mainText').load$(this).attr('href'); 
     return false; 
    }); 
}); 

mainPage.htmlには、ページのメインテキストをラップするdivがあります。

<div id="mainText">Content Change Here</div> 

私は別のdivの下で、このページで（アコーディオンメニューに& JavaScriptを使用して）複数のサブリンクを持っています。

<div class="subNav"> 

    <h3 class="heading">heading1</h3> 
    <ul class="navListings"> 
     <li><a href="sub1a.html">link 1a</a></li> 
     <li><a href="sub1b.html">link 1b</a></li> 
     <li><a href="sub1c.html">link 1c</a></li> 
    </ul> 

    <h3 class="heading">heading2</h3> 
    <ul class="navListings"> 
     <li><a href="sub2a.html">link 2a</a></li> 
     <li><a href="sub2b.html">link 2b</a></li> 
    </ul> 

    ....and so on......</div> 

すべてのページに同じ内容のmainText divがあります。 mainPage.htmlのmainText divをクリック時のサブページの正しいコンテンツに置き換えたいだけです。誰か助けてくれますか？私は私のコードがちょっと単純すぎると推測しています....

2番目のコード行の多くの選択肢を試しましたが、何も機能しません。私は何も表示されないか、スクリプトがうまく動作していないかのようにページに移動します。助けることができるかもしれない誰にも事前のおかげで...

Answer 1

$(function() { 
    $('div[class="subNav"]').click(function() { 
    // missing `(` after load. as well as everything else. 
    $('#mainText').load$(this).attr('href'); 
     return false; 
    }); 
}); 

あなたは.loadを達成するために何をしようとしていますか？

$("#mainText").load("url", function() { 
    // what are you doing here? 
    $(this).attr("href"); 
    return false; 
}); 

これは、そのためにかかわらず動作するはずです：

$(function() { 
    $('div[class="subNav"]').click(function() { 
     $('#mainText').load($(this).attr('href')); 
    }); 
}); 

Answer 2

変更し、このようにコード：

$('div.subNav').click(function() { 
$('#mainText').load($(this).attr('href')); 
    return false; 
}); 

する