谷歌jQuery UI链接无法脱机工作

时间:2015-03-28 06:57:59

标签: javascript jquery ajax

我是jquery的新手,我已经搜索了添加<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>后我的jquery无法正常工作的原因 我搜索了这个论坛和网络,但似乎找不到答案,mybe我的代码是错误的。或许是一些吓跑我的术语。但如果有人帮助我,我会很高兴。

这是代码:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JAVASCRIPT TRIAL</title>
<style>
div {
    position:relative;
    top:50px;
    width:200px;
    height:200px;
    border-radius:10px;
    margin:auto;
    background-color:#F00;
    box-shadow:2px;
}
div2 {
    position:relative;
    top:50px;
    width:200px;
    height:200px;
    border-radius:50px;
    margin:auto;
    background-color:#F60;
}
</style>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $('div').click(function(){
        $(this).addClass('div');
    });
    $('div').hover(function(){
    $(this).effect('bounce', {times:4}, 1000);
    });
});
</script>
</head>

<body>
<div></div>
</body>
</html>

提前谢谢你们

2 个答案:

答案 0 :(得分:0)

你的意思是离线?如果您不打算访问Internet,那么您最好从jquery下载一个版本并将其置于本地。

答案 1 :(得分:0)

Google jQuery UI链接永远不会脱机工作。您应该在本地系统中下载它,然后必须使用它。