Question

网站测试页：http://www.lantiis.com/indexold.html

我收到了jQuery的帮助，它在jsFiddle中运行得很完美。（临时登录Lantiis：Can independently show/hide. How do I hide on show?）

当我转移代码时，除了图像之外，一切都有效。背景图像显示，链接图像显示，但不是主要图像具有网站内容，这是我需要的jquery。当我转移代码时，我不知道我做错了什么。

我确信这对我来说只是一个愚蠢的错误，但是由于我还在学习js，我现在完全失去了。在我发布第一个问题之前，我认为我已经非常好了，看到我的代码与帮助我的用户代码相比有多乱。

欢迎任何方向和批评。

Answer 1

您需要在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

Answer 2

除了包含jQuery库（如Callum所述）并将代码放在onload函数中（如CleverQuack所述），您的脚本还需要有一种text / 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>

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

2 个答案: