Question

我正在向页面添加一些jQuery UI。代码似乎被加载了，但是当我按照文档中指定的方式调用一个函数（switchClass）时，我得到了＃34; Uncaught TypeError：undefined不是函数＆＃34;在我的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标签是在写这篇文章时添加的。这不是问题的一部分。

Answer 1

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

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>

jQuery UI .switchClass ---＆＃34; undefined不是函数＆＃34;

1 个答案: