我写了一个在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的开发者工具中没有显示错误。编辑:脚本在标签之前的页面底部加载。有什么建议吗?
答案 0 :(得分:0)
尝试在drupal中加载页面后使用此代码。我认为这将像魅力一样工作