我正在向页面添加一些jQuery UI。代码似乎被加载了,但是当我按照文档中指定的方式调用一个函数(switchClass)时,我得到了#34; Uncaught TypeError:undefined不是函数"在我的Chrome控制台中。 就在此之前,我确认已加载源代码(刚下载的最新版本),并且警报成功触发。 我已经研究过这个问题,但没有其他问题提供了解决方案。谁知道我在这里做错了什么?
<head>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery-ui.js"></script>
<style>
.red { color:#FF0000; }
.green { color:#0000FF; }
</style>
<script>
$(function() {
if($.ui && $.ui.version){
alert("Jquery UI loaded");
}
$( "#button" ).click(function(){
$( ".red" ).switchClass( "red", "green", 1000 );
$( ".green" ).switchClass( "green", "red", 1000 );
});
});
</script>
</head>
<body>
<h3 class="red">TARGET TEXT</h3>
<button id="button">Run Effect</button>
</body></code>
//编辑:上面的/ code标签是在写这篇文章时添加的。这不是问题的一部分。
答案 0 :(得分:2)
你的代码很棒,查看这个小提琴
我猜你的js文件是错误的,或者你搞砸了可能导致误解的关闭</code>
标签,确定
试试这些文章:
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>