0

私の Web サイトでは、サイドバー (左列) にリンクのリストを表示しようとしています。これらのリンクの 1 つをクリックすると、サーバー上の別の HTML ファイルから新しいコンテンツが「コンテンツ」セクション (右列) に読み込まれます。ほぼ同じコンテンツが何度もコピーされた 20 の異なるページを持ちたくありません。以下にコードを示します。サーバー上に「AboutUsInfo.html」というファイルがあり、その HTML ファイルへのフル パスが .load に含まれていることに注意してください。これは私が jQuery で何かをする最初のことなので、何が欠けているか教えてください!

<div id="leftcol">
        <h1>
            About Us
        </h1>
<script type="text/javascript">
    $('#omicronchapterlink').click(function(){
    $('#rightcol').load('Z:\\NewSite\PagesContent\AboutUsInfo.html #OmicronChapter');
            });
</script>
    <a href="#" id="omicronchapterlink">About Us</a>
        </div>

    <div id="rightcol"></div>
4

3 に答える 3

0

Google CDN から jquery を含める

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

また

<script src="[relative path to]/jquery-1.10.2.min.js"></script>

Javascript 関数

<script type="text/javascript">
function showStaticPages(url) {
    $('#rightcol').load(url);
}
</script>

HTML

<div id="leftcol">
    <h1>
        About Us
    </h1>
    <a href="#" id="omicronchapterlink" onClick="showStaticPages("[relative path to]/AboutUsInfo.html #OmicronChapter")">About Us</a>
</div>

<div id="rightcol"></div>
于 2013-08-07T07:21:01.360 に答える