2011-07-07 9 views
1

私のウェブサイト内のページにあるdivのコンテンツをFancyboxに表示されているdivにロードする必要があります。基本的に、予約フォームをdivに読み込んで、すべてをfancyboxで表示しています。私はフォームなどを検証するすべてのスクリプトタグを取り除くので、.load()関数を使用することはできません。スクリプトタグやその他のjqueryリファレンスを含むすべてのHTMLを取得するために.ajax()関数を使用しようとしています。 。.ajaxを使用してページから特定のdivをロードする

ここで私が働いているかのsnipitです:

$.ajax({ 
url: eventUrl, 
dataType: 'html', 
success: function(data) {   
var include = $(data).filter($('#bookingFormWrapper')) 
alert(include);     
} 
}); 

ここでAjax呼び出しの詳細は、住んでいるページのURLを取得するには、変数を使用しています。 #detailViewというdivに#bookingFormWrapperの内容を追加する必要があります。私はテスト目的のためにアラートを使用しています。 #bookingFormWrapperの内容だけを取得することはできません。どんな助けもありがとう!

+0

は '$データ()'タイプミスですか?あなたのスクリプトには '$ data()'関数はありません。代わりに '$(data).filter(...)'ではないでしょうか? –

+0

はい、申し訳ありません!私が$(data).filter()を使うと、私は[object]、[object]をアラートに戻します。働いていないようです。 –

+0

それは予想されます。 jqueryはオブジェクトを返します。 alertの代わりに 'console.log(include)'を試して、Firebugコンソールを見てください(Firebugがインストールされていると仮定して)。 jqueryに包まれた要素が表示されます。 –

答えて

0

$('#bookingFormWrapper').innerHtml()または$('#bookingFormWrapper').html()を試しましたか?

1

あなたが.LOAD、などを使用している場合、それは簡単です...
$("#detailview").load(eventUrl + " #bookingFormWrapper")

+0

これは動作しますが、プロセス内のすべてのスクリプトタグが失われています。私は、フォームの一部であるスクリプトタグを保持する必要があります。 –

関連する問題