为什么出现错误消息“ $ .effects未定义”?

rix*_*ter 2 jquery

我是jQuery语法的新手,这可能是一个真正的noobie问题....但是我只是不明白为什么我在加载此页面时会收到错误“ $ .effects is undefined”。如果有人能看到这一点,我将非常有责任... TIA,rixter

<!doctype html>
<html>
  <head>
    <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    <script src="./development-bundle/ui/jquery.ui.core.js"></script>
    <script src="./development-bundle/ui/jquery.effects.pulsate.js"></script>


    <script type="text/javascript">
     $(document).ready(function(){
       $("a").click(function(event){
           //alert("Thanks for visiting!");
         });
       });      

    function runEffect() {
      $("pulsate").effect( selectedEffect, options, 500, callback );
    }

    // bind button to click event
    $( "#button" ).click(function() {
    alert("Running effect...");
    runEffect();
    return false;
    });

    // callback function to bring a hidden box back
    function callback() {
      setTimeout(function() {
    $( "#effect" ).removeAttr( "style" ).hide().fadeIn();
      }, 1000 );
    };      

    </script>

  </head>
  <body>
    <a href="http://jquery.com/">jQuery</a>
    <div id=effect>
      Show effects here...
    </div>
    <a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>


  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

Daf*_*aff 5

您还需要加载

./development-bundle/ui/jquery.effects.core.js

如果您刚刚起步,我建议您仅加载完整版的jQu​​ery UI,而不是单独的开发包文件。即使您知道应该如何工作,手动解决依赖关系也很麻烦。