【问题标题】:FadeIn fadeOut images with a wrapper div使用包装 div 淡入淡出图像
【发布时间】:2013-08-12 21:43:33
【问题描述】:

JSFIDDLE

此代码在没有包装 div 的情况下可以正常工作

$('div').click(function () {

但是当我使用包装器 div 时

$('.wrapper').click(function () {

当我不希望它们时,其他两个图像会淡入和淡出。我只希望它们在设置为“第二个”图像时“切换”。

所以,当点击蓝色圆圈时,黑色的空圆圈应该会变回红色圆圈。

这是运行良好的旧功能。

JSFIDDLE

我无法获得与应用的包装 div 相同的功能。

【问题讨论】:

  • 不,我可以做到这一点。我无法使用
    包装三个 div 来获得相同的功能。我需要这个包装 div 来将此功能与我的其他图像分开。

标签: jquery html containers fadein fadeout


【解决方案1】:

尝试使用$('.wrapper div').click(function () {

演示here

【讨论】:

  • 您忘记了演示中的包装 div。 Your suggestion worked though。谢谢!享受积分。
  • :) @StacyM,我发布了错误的链接。但是很好用。很高兴我能帮上忙!顺便说一句,请记住关闭您的 img 标签。它像`/>`一样结束。也更正了答案的演示:)
【解决方案2】:

简单的解决方案 - 使用它作为您的选择器。它以包装器中的 div 元素为目标。 它只使用一个非常有利于性能的侦听器。

见我的小提琴http://jsfiddle.net/jC8Pf/17/

$('div','.wrapper')

【讨论】:

    猜你喜欢
    • 2013-10-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-12-19
    • 1970-01-01
    • 1970-01-01
    • 2015-12-15
    • 1970-01-01
    相关资源
    最近更新 更多