Question

我似乎无法理解代码有什么问题。我添加了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');
    })
})

有什么想法吗？

Answer 1

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

您需要添加：

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

在包含jQuery JS之后，

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

Answer 2

我想你需要加入jQuery UI

（对象对象）没有方法效果

2 个答案: