(jQuery)foreach-loop 内的选项卡 ->一个页面上多个选项卡的问题


(jQuery) Tabs inside foreach-loop -> Problems with multiple Tabs on one page

我有一个foreach-Loop,每个循环都应该包含一个jQuery-Tab-Element。

我的代码太长且非结构化,所以我无法在此处发布。

现在我将jQuery代码包装在循环中,并为所有选项卡元素提供了相同的ID,但它不起作用。我必须在哪些元素上提供 ID?

我正在使用以下代码:

jQuery(document).ready(function() {
  jQuery(".tabs li a").click(function(event) {
    event.preventDefault();
    $(this).parent().addClass("active");
    $(this).parent().siblings().removeClass("active");
    var tab = $(this).attr("href");
    $(".divcontent").not(tab).css("display", "none");
    $(tab).fadeIn();
  });
});

感谢帮助!

试试这个.. 示例--- http://jsfiddle.net/john_12/pjocttns/

$(document).ready(function() {

$("ul li  a").click(function(event) {
    event.preventDefault();
    $(this).parent().addClass("current");
    $(this).parent().siblings().removeClass("current");
    var tab = $(this).attr("href");
    $(".tab-content").not(tab).css("display", "none");
    $(tab).fadeIn();
});

});

//试试这个我更改您的 Html 标记

.. .. 内容。。。 内容。。。2

更改脚本。 使其缩短。

jQuery(document).ready(function() {

jQuery(".tabs li a").click(function(event) {

event.preventDefault();
$(".contentdiv").css("display", "none");
$(".tabs li").removeClass("active");
$(this).parent().addClass("active");
var tab = $(this).attr("href");
$(tab).fadeIn();

});});

相同的 Css 代码