我有一个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 代码