在jsfiddle中完美工作，但不在实时网站中。为什么？

网站测试页：http://www.lantiis.com/indexold.html 在jsfiddle中完美工作，但不在实时网站中。为什么？

的jsfiddle：http://jsfiddle.net/Guhb4/7/

我收到的帮助与jQuery和它完美的作品中的jsfiddle。（作为Lantiis的临时登录：Can independently show/hide. How do I hide on show?）

当我传送代码时，除图像之外的所有内容都工作正常。背景图像显示出来，链接图像显示出来，但不包含具有网站内容的主要图像，这是我需要jQuery的。当我将代码转移时，我不知道我做错了什么。

我相信这只是我的一个愚蠢的错误，但是由于我还在学习js，所以我现在处于完全失败的状态。直到我发布我的第一个问题，并且看到我的代码与帮助我的用户代码相比有多混乱，我认为这很不错。

任何和所有的方向和批评是受欢迎的。

来源

2011-06-03 Lantiis

在JSFiddle你有Javascript开始OnLoad。也许你忘了把这个“show-images”代码关联到你的live站点的这个处理程序？ – 2011-06-03 03:37:16

另外，如果您的上一个问题已解决（您链接到的那个问题），则应通过单击帮助您的答案旁边的复选框来选择答案。 – Jeff 2011-06-03 03:51:25

我希望我能记下哪一个我使用过（他们都像这些帖子一样帮助），但是因为我使用了临时登录，所以没有可用的复选标记。 :(我没有足够的代表投票了 – Lantiis 2011-06-03 14:07:16

您需要在您的HTML中包含jQuery库。

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

http://docs.jquery.com/Downloading_jQuery

，敷jQuery代码如下所示：

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

http://docs.jquery.com/How_jQuery_Works#Launching_Code_on_Document_Ready

来源

2011-06-03 03:42:26 Callum

非常感谢你！我知道我忘记了一些简单的东西，并感谢你的资源链接！它们非常有帮助。 – Lantiis 2011-06-03 14:04:21

除了包括jQuery库（由卡勒姆提到的），并把你的代码在一个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>

来源

2011-06-03 03:46:06 Jeff

在jsfiddle中完美工作，但不在实时网站中。为什么？

回答

相关问题