【问题标题】:jquery trigger on second click issuejquery触发第二次点击问题
【发布时间】:2012-09-29 04:35:55
【问题描述】:

我正在使用 CSS 和 JS 为按钮 here 设置动画,目标是当您单击“欢迎”时,按钮会淡化为“关闭” .

Here is a jsfiddle of my current code that works (only one step) 如您在 live link 上看到的那样

Here is a jsfiddle of a modified version where I tried to get it to work with a second click

提前致谢!或者如果有人有其他(更简单的方法)请填写。

【问题讨论】:

  • 你的小提琴很棒,隐形按钮很酷?
  • 我没有看到这里的关闭按钮
  • 嘿,如果你阅读我的描述,我会链接到现场演示两次:tst.eclipsecreative.ca/hobson 小提琴只是为了代码。

标签: javascript jquery css jquery-selectors


【解决方案1】:
$("#welcomebtn").click(function() {
  $("#welcomebtn img.top").toggleClass("transparent");
  return false;
});

您可以这样做以在灯箱关闭时将按钮切换回来:

$(".jquery-lightbox-overlay").click(function(){
    $("#welcomebtn img.top").toggleClass("transparent");
});

但请注意,用户可以单击任意位置来关闭灯箱。

【讨论】:

  • 然后去掉这条线:return false;
  • 谢谢,但它又回到了我之前遇到的同样问题,您可以查看是否单击按钮:tst.eclipsecreative.ca/hobson 它会说“关闭”,这很好,但是当您单击“关闭”时要关闭灯箱,它不会像我删除之前那样变回来 return false;
  • 所以...发生的事情是,灯箱没有关闭,因为您单击了关闭按钮。当您打开它时,它会创建一个叠加层,当您单击它时会关闭灯箱。所以,如果你点击按钮所在的位置,关闭的不是按钮,而是覆盖层。
  • 我看到你刚刚更新了你的帖子。我已经实现了这一点,并且通过单击任何地方关闭灯箱没有问题,但仍然回到了按钮在第二次单击时没有消失的问题。我什至可以让两个按钮在灯箱关闭时消失。编辑:您不希望第二个脚本运行:toggleClass("visible")...我也试过了,但没有运气。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-08-22
  • 2019-09-28
  • 2016-10-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多