我有一组简单的脚本,可以在 Blackboard Learn 页面上显示隐藏的 div。我之前正在编写脚本,看来我已经破坏了它们。抛出的第一个错误是:“Uncaught SyntaxError: Unexpected token <”。之后,页面抛出 11 个“Uncaught ReferenceError: jQuery is not defined”错误。在加载我的 jQuery 库或声明 jQuery.noConflict() 时,似乎我一定搞砸了。下面是我的代码。有没有人看到任何明显的错误?
<script type="text/javascript">
Event.observe(document,"dom:loaded", function() {
<!-- Load jQuery libraries-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script> jQuery.noConflict(); </script>
<!-- Get Modals -->
<!-- Show various info divs on icon click -->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#fusdiv1").click(function(){
jQuery("#academicSupportModal").toggle();
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#fusdiv2").click(function(){
jQuery("#announcementsModal").toggle();
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#fusdiv3").click(function(){
jQuery("#discussionsModal").toggle();
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#fusdiv4").click(function(){
jQuery("#emailModal").toggle();
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#fusdiv5").click(function(){
jQuery("#examsModal").toggle();
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#fusdiv6").click(function(){
jQuery("#facultyModal").toggle();
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#fusdiv7").click(function(){
jQuery("#gradebookModal").toggle();
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#fusdiv8").click(function(){
jQuery("#homeModal").toggle();
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#fusdiv9").click(function(){
jQuery("#supportModal").toggle();
});
});
</script>
});