2009-09-06 11 views
18

は、私は次のことを試してみました:htmlを読み込み、<body>にjQueryで追加するには?

$.load("Views/chatBox.html").appendTo('body') is not working! 

TypeError: $.load is not a function 

EDIT

<script type="text/javascript"> 
    $(function() { 
     $("body").load("Views/chatBox.html"); 
    }); 
</script> 
+0

shorerの回答が追加されました。 ;) – Gavrisimo

答えて

7

私はいけない:答えは、コードの唯一の行でなければなりませんが、それは十分です、私はここで

+0

だから、jQueryはajaxのことをするためにいくつかの要素を気にする必要がありますか? – omg

+0

あなたはいつも何かが行われるセレクタを持っていなければなりません。いくつかのデモページやコードは、あなたが望むものを理解するのに役立ちますが、その前提の答えは、私が思うに、あなたが必要とするものです。 :) – Gavrisimo

-1

は、あなたが行くと思います体の底にコンテナを置いて、それに外部ページを読み込むのがなぜあなたが必要としないのか理解していますか?私はGaVrAのソリューションを試してみたとき、私はそれがさらに簡単になる可能性が見つかった

<script type="text/javascript"> 
    $(function() { 
     $("#container").load("Views/chatBox.html",function(){ 
      $(this).clone().appendTo("body").remove(); 
     }); 
    }); 
</script> 

しかし、このコードについてイム100%確実ではない... :)

+0

"リモートファイルからHTMLを読み込んでDOMに注入します。" だから、注入を行うセレクターが必要です。 ;) Aka - はい、読み込み時に読み込みが行われます。 私が作ったデモとそのチュートリアルをチェックしてみてください。 – Gavrisimo

+2

ああ、いいえ、それはViews/chatBox.htmlと全ページを置き換えます。これは私が望んでいないものです。私はそれをに追加する必要があります。 – omg

+0

私がやっていることはコンテナを持っていることです。そのデモでは#majiceです。それは空です。それから私はそれに外部ページを読み込みます。意味がありますか? – Gavrisimo

1

:あなたが試すことができますどのような

はこれです:

<script type="text/javascript"> 
    $(function() { 
     $("#container").load("external.html").appendTo("body");;   
    }); 
</script> 

私はappentToが自動的に前のインスタンスを削除すると思いますか?多分私はここに何かを見逃しているのでしょうか

70

いいえ、これらの回答はすべて、別のコンテナを使用しているため正しくありません。

$.ajax({ 
    url: "your.html", 
    success: function (data) { $('body').append(data); }, 
    dataType: 'html' 
}); 
+9

+1、これはちょうどBODYにコンテンツを追加します。共有してください! – Igor

+0

私は現在の日付と翌日を示す小さな日付ピッカーを持っています。 あなたが書いたものを使用しましたが、問題がありましたが、データは更新されていませんが、ページを更新すると更新されるという問題があります。 wordpressとpluginを使用してjQueryを実行できます。 –

+0

@ hanan-mstudioそれはまったく別の質問のようで、私が与えた答えにはまったく関連していないようです。あなたは新しい質問を投稿できますか? –

2

代替ソリューション:

jQuery('#AppendToMe').append(jQuery('<div>').load(...)); 

これは、あなたが#AppendToMe要素にロード何らかの追加します

はこれを行います。

関連する問題