Drupal サイトで実行される小さな jQuery スクリプトを作成しました。このサイトは jQuery 1.7.1 を実行しています。jsFiddle ではすべて正常に動作しますが、Drupal で実行するとスクリプトの一部が動作しません。これが Drupal の問題なのか、それとも私のコードに問題があるのか わかりませんか?
これは、教育サイトでのセルフテスト用です。コンテンツは、ページ上のスライド トグルに配置されます。一部のスライド トグルの内部には、これらのセルフ テストがあります。それらはデータベースに書き込むのではなく、ユーザーのためだけです。
ここでの目的は、スライド トグルが閉じられたときにセルフ テストをリセットすることです。jQuery は次のとおりです。
$("h2.titleTrigger").click(function(e){
e.preventDefault();
//TOGGLE OPEN/CLOSE THE DRAWER
$(this).toggleClass("active").next().slideToggle("fast");
//UNDO THE SELF TEST
$('.selfTestWrong').removeClass('answerShown');
$('input:radio').prop('checked', false);
$('.selfTestAnswer').slideUp(300);
return false;
});
//self test
$('input:radio').bind('change',function(e){
e.preventDefault();
var parentId = $(this).parents('.selfTest').attr('id');
$('#'+parentId+' .selfTestWrong').addClass('answerShown');
$('#'+parentId+' .selfTestAnswer').slideDown(300);
});
ここで正しく動作していることがわかります: http://jsfiddle.net/bRFXb/
問題は、これを Drupal で実行すると、セルフ テストをリセットする部分を除いて、すべて正常に動作することです。スライド トグルを閉じて開いても、何もリセットされません。Chrome の開発者ツールにエラーは表示されません。編集: スクリプトは、タグの直前のページの下部に読み込まれます。助言がありますか?