gpt4 book ai didi

javascript - 为什么我的 JavaScript 不能在本地或服务器上运行,但可以在 jsFiddle 上运行

转载 作者:行者123 更新时间:2023-11-28 11:06:02 25 4
gpt4 key购买 nike

这是工作 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>

关于javascript - 为什么我的 JavaScript 不能在本地或服务器上运行,但可以在 jsFiddle 上运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13309903/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com