1

コードの何が問題なのか理解できないようです。jquery を追加しましたが、jquery UI にはまだ : [objec 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 に答える