我是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)
您还需要加载
./development-bundle/ui/jquery.effects.core.js
如果您刚刚起步,我建议您仅加载完整版的jQuery UI,而不是单独的开发包文件。即使您知道应该如何工作,手动解决依赖关系也很麻烦。