jQuery 切换问题

发布于 2024-11-25 22:58:41 字数 326 浏览 0 评论 0原文

我想要完成的事情看起来很简单,但是我不擅长 jQuery。

我确实尝试尽可能接近解决方案,但每当我单击锚标记两次时,所有内容都会消失。显然我做错了什么。

我希望 .slider1 默认可见,而 .slider2 隐藏。 此外,当单击锚点“Fader” 时,.slider1 会隐藏。

http://jsfiddle.net/GQJxv/

对任何人有帮助吗?

What I'm trying to accomplish seems quite simple however, I'm not great at jQuery.

I did try to get as close as possible to a solution but whenever I click on the anchor tag twice, everything disappears. Obviously I'm doing something wrong.

I would like .slider1 to be visible by default and .slider2 to be hidden.
Also, when the anchor "Fader" is clicked, .slider1 is hidden.

http://jsfiddle.net/GQJxv/

Help anyone?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

心头的小情儿 2024-12-02 22:58:42

我已经为您修复了代码:

http://jsfiddle.net/ZAPwD/

I have fixed up the code for you:

http://jsfiddle.net/ZAPwD/

烟花易冷人易散 2024-12-02 22:58:42

像这样的东西吗?

$(".slider1").fadeIn("fast");
$("a.slider").click(function() {
$(".slider2").fadeOut("fast", function(){
    $(".slider1").fadeIn("fast");
});
});

$("a.fader").click(function() {
$(".slider1").fadeOut("fast", function(){
    $(".slider2").fadeIn("fast");
});
});

这看起来交叉淡入淡出得很好:
http://martin-fleming.co.uk/examples/jquery-crossfade/

Something like this?

$(".slider1").fadeIn("fast");
$("a.slider").click(function() {
$(".slider2").fadeOut("fast", function(){
    $(".slider1").fadeIn("fast");
});
});

$("a.fader").click(function() {
$(".slider1").fadeOut("fast", function(){
    $(".slider2").fadeIn("fast");
});
});

This looks like it cross fades pretty nicely:
http://martin-fleming.co.uk/examples/jquery-crossfade/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文