Question

问题：

我正在尝试创建一个小jQuery内容框，用户可以从3个顶级选项中单击他们感兴趣的部分。一旦他们选择了一个，他们就会在这里看到一个链接列表。单击其中一个链接，然后加载嵌入div中的YouTube视频。

所以目前我已经开始工作，以便用户可以点击将成为选项卡的内容，然后显示选项卡中的列表。下一部分，用户点击视频名称，然后加载li项目或div与嵌入媒体，不起作用。

我在这里有一个演示： http://jsfiddle.net/CVyAD/

请注意一些类名是相似的，我只是很快将它们放在一起尝试演示我的问题。

我不确定我是否以正确的方式接近这一点，并且如果有更好的方法来实现我正在做的事情。任何指针，提示将不胜感激。这个例子感觉很亲密但很乱。我不明白为什么第3级没有显示，我使用与上面的级别相同的原则。

Answer 1

因为你的id是以vidsvid-1而不是vids1进来的......请查看：

http://jsfiddle.net/CVyAD/2/

-$(document).ready(function() {
    var activeId = $(".active").attr("id").replace("tab",""); 
    $("#content" + activeId).show();


    $(".tab li").click(function() {
      $(".controls").hide();
      $(".tab li.active").removeClass("active");
      $(this).addClass("active")
      var id = $(this).closest("li").attr("id").replace("tab","");
      $("#content" + id).show();
   });

    $(".tabAlt li").click(function() {
      $(".videos").hide();
      $(".tabAlt li.active").removeClass("active");
      $(this).addClass("active")
      var id = $(this).closest("li").attr("id").replace("tabAlt","");
      id = id.replace("vid-",""); //this is the line i added
      $("#vids" + id).show();
   });
});

Jquery在单击时更改多个级别的内容

1 个答案: