0

问题：

我正在尝试制作一个小的 jQuery 内容框，用户可以通过它从 3 个顶级选项中单击他们感兴趣的部分。一旦他们选择了一个，他们就会在此处看到一个链接列表。单击这些链接之一，然后加载嵌入在 div 中的 youtube 视频。

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

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

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

我不确定我是否以正确的方式处理这个问题，以及是否有更好的方法来实现我正在做的事情。任何指针，提示将不胜感激。这个例子感觉很接近，但很混乱。而且我不明白为什么第 3 级没有显示，我使用了与上述级别相同的原理。

4

1 回答 1

0

这是因为您的 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();
   });
});
于 2013-04-12T12:53:08.067 回答