gpt4 book ai didi

jquery - .切换类。有没有可能

转载 作者:行者123 更新时间:2023-12-01 01:26:28 26 4
gpt4 key购买 nike

我在这里上传了我的问题:my problem example

我的问题:“content B def”是否有可能在页面加载(或刷新后)后首先可见,而不修改页面的顺序

<a> href="..." C </a>
<a> href="..." B </a>
<a> href="..." A </a>

我想要 C B A 订单。不是 B C A 或 B A C我的 JavaScript 知识很基础,但增长很快..

抱歉我的英语不好,

非常感谢您的建议!我已经为这个问题苦苦挣扎了几天。

HTML 代码:

    <html>
<head>
<meta content="charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script defer src="js/swap.js"></script>
</head>
<body>
<div>
<div id="view-c" class="swap-cont">
<h1>content C xyz</h1>
</div>
<div id="view-a" class="swap-cont">
<h1>content A abc</h1>
</div>
<div id="view-b" class="swap-cont">
<h1>content B def</h1>
</div>
<div class="toggle">
<a href="#view-c">C</a>
<a href="#view-b">B</a>
<a href="#view-a">A</a>
</div>
</div>
</body>
</html>

交换.js:

    $(function() {
var toggles = $('.toggle a'),
codes = $('.swap-cont');

toggles.on("click", function(event) {
event.preventDefault();
var $this = $(this);

if (!$this.hasClass("active")) {
toggles.removeClass("active");
$this.addClass("active");
codes.hide().filter(this.hash).show();
}
});
toggles.first().click();
});​

最佳答案

您所需要做的就是将脚本的最后一行更改为:

toggles.first().click();

至:

toggles.eq(1).click();

此行通过触发默认 anchor 的单击来初始化您的 View 。

点击了第一个 anchor ,即 C。B 实际上是第二个,因此您需要使用 .eq()方法,选择 n-th集合中的元素并记录在here中.

替代(更干净)的方法是添加 defaultAnchor类默认 anchor 并将脚本修改为:

 $('.defaultAnchor').click();

关于jquery - .切换类。有没有可能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12784875/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com