(Object对象）没有方法效果

(Object object) has no method effect

本文关键字：有方法 Object 对象      更新时间：2023-09-26

我似乎不明白代码出了什么问题。我添加了jquery，jquery UI仍然具有：[objec object]没有方法效果错误。

这是html代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>title</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <link rel="stylesheet" href="stylesheet.css" type="text/css"/>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
    </script>
    <script type="text/javascript" src = 'script.js'></script>
</head>
<body>
    <div id = 'container'>
        <div id ='one' class = 'inside'>1</div>
        <div id ='two' class = 'inside'>2</div>
        <div id ='three' class = 'inside'>3</div>
        <div id ='four'class = 'inside'>4</div>
        <div id ='five' class = 'inside'>5</div>
    </div>
</body>
</html>

和javascript代码：

$(document).ready( function () {
  alert('JQ on');
    $('.inside').mouseover(function () {
      $(this).fadeTo(1000,1);
    });
    $('.inside').mouseleave(function () {
      $(this).fadeTo(500,0.2);
    })
    $('.inside').click(function () {
      $(this).effect('explode');
    })
})

有什么想法吗？

您包含了jQuery UI样式表，但没有包含它的JavaScript。

您需要添加：

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

（或者提供它的另一个URI）。

我想您需要包含jQuery UI

相关文章：