1

我似乎无法理解代码有什么问题。我添加了 jquery 并且 jquery UI 仍然有：[object object] has no method effect 错误。

这是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');
    })
})

有任何想法吗？

4

2 回答 2

2

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

您需要添加：

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

（或提供它的另一个 URI）在包含 jQuery JS 之后。

于 2013-08-13T10:02:53.817 回答
0

我想你需要包括jQuery UI

于 2013-08-13T10:01:07.327 回答