是否可以制作这样的标签

Question

我希望有Javascript经验的人可以帮我解决这些问题。

基本上，我正在尝试创建一个选项卡，其功能类似于此屏幕截图中显示的布局。标题是标签＃1，后面是水平线和其他几个标签...

我遇到的问题是使标题标签作为标签工作。

我在这里创建了一个jsFiddle：http://jsfiddle.net/Pach/rcsxz/1/

如果可以的话，我真的很感激一些见解。谢谢！

Answer 1

看看这个。我注意到你遇到了一些问题。此外，至少在您的问题中发布您的HTML和JavaScript是好的。如果你不让人们点击小提琴，你会获得更多/更快的答案。通过这种方式，他们可以快速了解问题。

http://jsfiddle.net/rcsxz/2/

在你的html中，你使用单引号括起你的id标签。这是无效的语法。使用双引号。

在jQuery选择器中，使用$('li', '#id')不正确。这表示'对于所有列表项和具有此id的所有容器'执行以下操作。您希望$('#id li')表示“对于此容器中的所有列表项”，请执行以下操作。

另外，不确定你是否想要改变标题，但我也是这样做的。

selectTab("tab1");

$("#other-tabs li").click(function() {
    selectTab($(this).attr('id'));
});

function selectTab(id) {
    $("#other-tabs li").show();
    $("#tab-content li").hide();
    $("#" + id + "content").show();
    $('h1').html($('#' + id).html());
    $('#' + id).hide();
}