6

まず、関連するトピックについてスタックオーバーフローをブラウジングするのにここ数時間費やしました。それらの多くは、私が抱えている問題と非常によく似ているように見えました。私のものとほぼ完全に似ているものもいくつかありました。ただし、それらに対して機能した修正は、私には機能していないようです。自分のコードを投稿して、他の人に見てもらうのが最善だと思います。できるだけ詳しく説明するようにします。

私がやろうとしていること: 私はページ内にリンクを設定しており、クリックすると、作成した別のページからいくつかの HTML コンテンツを取得することになっています。より具体的には、そのページの特定の div id から html コンテンツを引き出すことになっています。そこから何かを引き出すのに問題があり、メインページのdivに投稿しています。

ナビゲーション メニューを含む HTML パーツ:

<ul id="nav_main">
    <li class="navLink">link here</li>
</ul>

動的に (クリックすると) 変更されるはずの div は、次のようにラベル付けされます。

<div id="main_content">
    <p></p>
</div>

データを取得する他の .html ファイルには、次のような div があります。

<div id="one">blahbalhblahblahlbhalbhlah</div>

私が苦労している部分は、JavaScriptコードです。load と get を使用してみましたが、どちらも機能していないようです。ここに私のスケルトンコードがあります:

$(document).ready(function(){
    $("#nav_main li").on("click", function() {
        // here was my first attempt:
        $("#main_content p").load("contentholder.html #one");

        // my second attempt, using get():
        $.get("contentholder.html", function(data) {
            $("#main_content p").html(data)
        });
});

これに関する私の問題は、 #main_content が変更されていないように見えることです。問題は、ロードと取得の試行が機能していないことだと思います。データが想定どおりに引き出されていないようです。

これらのファイルはすべてローカル ドライブにあります。どんな助けでも大歓迎です

4

2 に答える 2

4 
$(document).ready(function(){
     // your code here
});

あなたは行方不明ですfunction(){

于 2013-03-12T19:26:16.083 に答える
1

Brad M によって指摘された構文エラーに加えて、ほとんどのブラウザーは、サーバーから行われていない場合、AJAX 呼び出しを防止することに注意してください。 AJAX 呼び出しを行うときの -Allow-Origin エラー。

詳細については、こちらを参照してください: Javascript でローカル HTML ファイルの HTML コードを取得する

于 2013-03-12T19:36:54.437 に答える