Javascript 在JSFIDLE中可以完美地工作,但在live网站中则不行。为什么?

Javascript 在JSFIDLE中可以完美地工作,但在live网站中则不行。为什么?,javascript,jquery,jsfiddle,Javascript,Jquery,Jsfiddle,网站测试页面: jsFiddle: 我收到了jQuery的帮助,它在JSFIDLE中工作得非常好。(此处临时以Lantiis身份登录:) 当我传输代码时,除了图像,其他一切都正常工作。显示的是背景图像,链接图像,但不是包含站点内容的主图像,这正是我需要jquery的原因。我不知道我把密码传过来时做错了什么 我确信这只是我一个愚蠢的错误,但由于我还在学习js,我现在完全不知所措。我认为我已经很好了,直到我发布了我的第一个问题,看到我的代码与帮助我的用户代码相比是多么混乱 欢迎任何和所有的指导和批评

网站测试页面:

jsFiddle:

我收到了jQuery的帮助,它在JSFIDLE中工作得非常好。(此处临时以Lantiis身份登录:)

当我传输代码时,除了图像,其他一切都正常工作。显示的是背景图像,链接图像,但不是包含站点内容的主图像,这正是我需要jquery的原因。我不知道我把密码传过来时做错了什么

我确信这只是我一个愚蠢的错误,但由于我还在学习js,我现在完全不知所措。我认为我已经很好了,直到我发布了我的第一个问题,看到我的代码与帮助我的用户代码相比是多么混乱


欢迎任何和所有的指导和批评。

您需要在HTML中包含jQuery库

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

并将jQuery代码包装为以下内容:

<script type="text/javascript">
    $(document).ready(function() {
        //Your code here
    });
</script>

$(文档).ready(函数(){
//你的代码在这里
});

您需要在HTML中包含jQuery库

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

并将jQuery代码包装为以下内容:

<script type="text/javascript">
    $(document).ready(function() {
        //Your code here
    });
</script>

$(文档).ready(函数(){
//你的代码在这里
});

除了包含jQuery库(如Callum所述)并将代码放在onload函数中(如CleverQuack所述),脚本还需要一种文本/javascript类型,而不仅仅是javascript。像这样的方法应该会奏效:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() { 
 $('#mask > div:first-child').show();
 $('#top a').click(function() {
    var keyterm = $(this).attr('title');
    $('#mask > div').hide();
    $('div[id=' + keyterm + ']').slideDown('slow');
 });
});
</script> 

$(文档).ready(函数(){
$('#mask>div:first child').show();
$(“#顶部a”)。单击(函数(){
var keyterm=$(this.attr('title');
$('#mask>div').hide();
$('div[id='+keyterm+']')。向下滑动('slow');
});
});

除了包含jQuery库(如Callum所述)并将代码放在onload函数中(如CleverQuack所述),脚本还需要一种文本/javascript,而不仅仅是javascript。像这样的方法应该会奏效:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() { 
 $('#mask > div:first-child').show();
 $('#top a').click(function() {
    var keyterm = $(this).attr('title');
    $('#mask > div').hide();
    $('div[id=' + keyterm + ']').slideDown('slow');
 });
});
</script> 

$(文档).ready(函数(){
$('#mask>div:first child').show();
$(“#顶部a”)。单击(函数(){
var keyterm=$(this.attr('title');
$('#mask>div').hide();
$('div[id='+keyterm+']')。向下滑动('slow');
});
});

在JSFIDLE上,Javascript开始加载。也许你忘了将此“显示图像”代码与你的live站点中的此处理程序关联?此外,如果你之前的问题已经解决(你链接到的问题),你应该通过单击答案旁边的复选框来选择答案。我希望我能记下我使用的是哪一个(它们都与这些帖子一样有帮助),但因为我使用了临时登录,所以没有可用的复选标记:(而且我没有足够的代表投票支持。在JSFIDLE上,您的Javascript已开始加载。可能您忘记将此“显示图像”代码与您的实时站点中的此处理程序关联?另外,如果您之前的问题已解决(您链接到的问题),您应该通过单击帮助您的答案旁边的复选框来选择答案。我希望我能记下我使用的答案(它们都与这些帖子一样有帮助),但由于我使用了临时登录,因此没有可用的复选标记:(我没有足够的代表投票支持。非常感谢!我知道我忘记了一些简单的东西。谢谢你的资源链接!它们非常有用。非常感谢!我知道我忘记了一些简单的东西。谢谢你的资源链接!它们非常有用。)。