2016-10-28 10 views
0

JQueryを使っていくつかの外部div(class = police)を自分のサイト(class = "pokaz"のdiv)に読み込んでいます。外部のdivをJQueryでサイトに読み込む

$('figure').on('click', function() { 
$('.loader').fadeOut(2000); 
$(".pokaz").load("work1.html .police"); 

}); 

正常に動作します。しかし、class = "police"のdivにあるボタンをクリックすると、前のdivをリロードする必要があるときに問題が発生します。

$('.btn1').on('click', function() { 
$('.police').fadeOut(1000); 
$(".pokaz").load('.loader'); 
}); 

リロードしません。私はiframeを使わないでこれをやろうとしています。 ここをクリックhttps://jsfiddle.net/rfz2fLLq/2/

私はそれが理解できるといいですね。ようこそヘルプ。

答えて

0

ブラウザのコンソールを確認した場合、"$が定義されていません"と表示されます。これは単にJqueryファイルをあなたのページに追加していないことを意味します。 $が初期化されるようにJqueryを追加する必要があります。

+0

でも、それについては考えましたが、それは不可能です - 私はJQueryをmainとwork1.htmlの両方のファイルに追加しました。たぶん私は誤ったフィドルファイルを構成しているかもしれませんが(数回だけでした)、私が書いたように、私の実際のプロジェクトでJqueryが追加されました。 – mac

+0

Abhilab-Systematixはおそらくあなたのフィドルを意味します。 jQueryをロードせず、jQuery.load()で取得しようとしている他のリソースも使用できません。まずこれを修正する必要があります。 – Flyer53

+0

私はJqueryを追加しましたが、今は多くのエラーを表示しますが、動作しているようです(クリックするとボタンがフェードアウトします)。外部ファイルwork1.htmlをフィドルに添付することができないので、それがあなたの主張を解決するかどうかはわかりません。しかし、ここで編集されたフィドルです:https://jsfiddle.net/rfz2fLLq/7/ – mac

関連する問題