Javascript fadeIn div 标签点击失败

Question

我是 javascript 的新手，现在我已经尝试了几个小时来使这个 fadeIn 函数起作用。

首先看我的code here .

我还在标题中包含了以下内容:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 

这就是我希望页面工作的方式，

1. 当用户进入网站时，首页选择会淡出
2. 菜单基于<ul>和 <li>类别的元素，在每个类别中，我们都有不同的公司。每个类别都有一个 <a href="category-id">每个公司都有一个<a href='company-id'>到稍后在正文中制作的 div 标签。
3. 用户应该能够在菜单选项之间切换，并且每次时间都应该淡入。

所以您在我的代码中看到的问题是，它在页面加载时起作用，但我无法从菜单中选择任何内容。

任何建议都会有帮助

Answer 1

如果我理解正确的话，你希望它的功能是这样的:

$('#menu a').click(function () {
    $("#content div").hide(); //Hide all content
    var id = $(this).attr('href');
    $(id).fadeIn(); // Show content for current tab
});

你不需要这一行(它正在删除 id):

$("#menu li").attr("href", ""); //Reset id's

这条线我什至不知道它是干什么用的:

$(this).parent().attr("href", "current"); // Activate this google parent!

如果你想给当前事件的菜单项添加一个类，使用类似的东西

$(this).parent().addClass('active');

此外，您不需要添加“#”，因为您已经在 href 属性中添加了它:

$($(this).attr('href')).fadeIn(); // Show content for current tab

你可以通过提醒或记录来检查你得到的是什么类型的 id :

var id = $(this).attr('href');
alert(id);
$(id).fadeIn();