Question

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

我的代码太长且非结构化，所以我不能在这里发布。

现在我将jQuery-Code包装在循环中，并为所有选项卡元素提供相同的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();
  });
});

帮助表示赞赏！

Answer 1

试试这个..示例--- 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();
});

}）;

Answer 2

//尝试这个我改变你的Html标记

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

//更改脚本。缩短。

jQuery（document）.ready（function（）{

jQuery（＆＃34; .tabs li a＆＃34;）。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代码

（jQuery）foreach-loop中的选项卡 - ＆gt;一页上有多个标签的问题

2 个答案: