1

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

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

我收到了有关 jQuery 的帮助，它在 jsFiddle 中完美运行。（此处以 Lantiis 身份临时登录：可以独立显示/隐藏。如何隐藏显示？）

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

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

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

4

2 回答 2

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

于 2011-06-03T03:42:26.283 回答
0

除了包括 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>
于 2011-06-03T03:46:06.580 回答