为什么我的javaScript不在本地或服务器上工作,而是在jsFiddle上工作
Aks*_*agi 0 javascript jquery jsfiddle
这是工作jsfiddle http://jsfiddle.net/akshaytyagi/SD66b/的链接
以下是我试图在我的网站上运行的代码(与jsFiddle相同)
我试过两台电脑.我究竟做错了什么？
<html>
<head>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var tips = [
"creative",
"innovative",
"awesome",
"amazing",
"social"
];
setInterval(function() {
var i = Math.round((Math.random()) * tips.length);
if (i == tips.length)--i;
$('#tip').slideUp(500, function() {
var $this = $(this);
$this.html(tips[i]);
$this.toggleClass('first second');
$this.slideDown(500);
});
}, 3 *1000);
});
</script>
</head>
<body>
<div style=" background-position:center; background-repeat:no-repeat; background-color:#c84d5f; height:500px">
<div class="thousand">
<div style="font-size:72px; font-family:Museo; padding-top:100px; padding-left:auto; padding-right:auto; color:#FFF;">The <span id="tip">creative</span><br />brand.
</div>
</div>
</div>
</body>
</html>
您需要放入访问DOM元素的脚本,$(document).ready以确保元素在访问之前已准备就绪.
$(document).ready(function(){
})
根据评论进行编辑
更改
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
至
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2jquery.min.js"></script>
我复制并粘贴你的HTML,之后}, 3 * 1000);有一个特殊的字符.
删除整行(}, 3 * 1000);)并重新输入.
看到:
正如andyb评论的那样,如果你在本地加载文件,你的jquery url将不起作用.您可以将其更改为http://或将文件上传到某处.
- 哈哈这么多发生了; 我有一个古老的答案,就像你在过去几年中得到的赞成票数:-)我认为这是一个jsFiddle副作用. (2认同)
| 归档时间： |
|
| 查看次数： |
4543 次 |
| 最近记录： |