jQuery UI .switchClass ---" undefined不是函数"

时间:2014-11-26 15:56:49

标签: jquery jquery-ui

我正在向页面添加一些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标签是在写这篇文章时添加的。这不是问题的一部分。

1 个答案:

答案 0 :(得分:2)

你的代码很棒,查看这个小提琴

http://jsfiddle.net/e5o91c6g/

我猜你的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>