0

好的，我已经通过 jquery 隐藏了基本的 div，当单击锚链接时，隐藏的 div 处于活动状态并滑入查看其他 div 被隐藏。问题是：

我使用 Chris Coyiers（CSS Tricks）方法根据窗口大小/屏幕大小将菜单更改为下拉菜单。问题是它在锚链接上不起作用，我尝试过 .change，尝试操作 window.location 甚至 document.location（只是检查），但我什至不明白为什么它不能完全工作，所以我只是一只被砍头的鸡。

我想也许我应该尝试将 document.html#Id 作为 href ，然后它可能会起作用，但是不。我在这里查看了很多类似的问题。但我似乎无法有效地使它们适应我的需要。

如你所见，我完全是绿色的。但是 HELP 非常受欢迎。

4

1 回答 1

0

如果你想显示一个隐藏的元素，给元素一个 ID 并指定 jQuery/CSS 类型的选择器和 ID 作为值，比如#id. 然后将 javascript 更改为显示而不是重定向。这是我写的一个 jFiddle，它可以满足您的要求：

http://jsfiddle.net/mike_marcacci/jvSSa/

请注意，我还捕获了链接点击，因此它适用于移动版和桌面版：

function showSection(id){
    // hide already visible sections
    $('.hidden').css('display','');

    // show selected section
    $(id).css('display','block');
}

//make the select work
$("nav select").change(function() {
    showSection($(this).find("option:selected").val());
});

// make links work too
$("nav a").click(function(e) {
    e.preventDefault();
    showSection(this.hash);
});
于 2013-03-21T04:12:31.690 回答