2012-02-23 91 views
2

我是新来的jQuery的语法,这可能是一个真正的noobie问题....但我只是不明白为什么我收到错误“$ .effects是未定义”,当我只是加载此页面。如果任何人都可以看到这一点,我将非常感激...... 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> 
+0

你确定你有你想要包含的脚本吗?即,jquery.effects.pulsate.js文件。我当然看起来像是正在运行的输入文件,并且缺少一个库。 – Furbeenator 2012-02-23 23:28:53

回答

2

我相信$.effects是jQuery的用户界面,这是不包含在jQuery核心软件包的一部分。请参阅http://jqueryui.com/docs/Effects/Methods

您可以在the jQuery UI site上自定义并下载jQuery UI包,然后在jQuery之后将其包含在单独的<script>标签的页面中。

+0

哇,谢谢大家......我只是想发布我发现缺少的文件,我需要加载...并看到3个帖子已经出现!我会考虑每个人的信息来解决我的问题.... StackOverflow岩石! – rixter 2012-02-24 00:06:03

4

您还需要加载

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

如果你刚开始,我会建议只加载完整版本的jQuery UI,而不是单独的开发包文件。即使你知道它应该如何工作,手动绘制依赖关系也是一种痛苦。

相关问题