jQuery恢复CSS回到原来的状态

我已经添加了一个使用jQuery的点击事件来改变我的CSS。点击工作和CSS更改，但随后jQuery继续运行并最终将CSS恢复为原始状态。jQuery恢复CSS回到原来的状态

jQuery代码：

$('.myClass').click(function(){ 
     $('.myClass').css({"visibility":"hidden"}); 
    });

CSS代码：

.myClass { 
    height: 10px; 
    width: 10px; 
    background: red; 
    visibility:visible; 
    }

就像我说的，点击作品和元素获取隐藏。但是，当jQuery完成代码运行时，它会立即恢复。使用谷歌浏览器的调试工具，我发现这是jQuery代码中的一个要点，它将CSS恢复为让元素可见。

jQuery的代码（行4116）：

if (!(eventHandle = elemData.handle)) { 
     eventHandle = elemData.handle = function(e) { 
      // Discard the second event of a jQuery.event.trigger() and 
      // when an event is called after a page has unloaded 
      return typeof jQuery !== strundefined && jQuery.event.triggered !== e.type ? 
line 4116  jQuery.event.dispatch.apply(elem, arguments) : undefined; 
     }; 
    }

我想我不明白什么是与这个jQuery代码发生，为什么我的CSS得到恢复回来？任何帮助理解都非常感谢。

来源

2015-05-14 Evan

你可以发布你所有的jQuery和你的html吗？我已经运行这个代码，它适用于我。 – Brino

您可能会尝试切换具有'visibility：hidden'的类以完全避免该问题。

#CSS 
.vh{ 
    visibility:hidden 
    #or you could use display:none 
} 

#Javascript 
$('.myClass').click(function(){ 
    $('.myClass').toggleClass('vh'); 
});

让我知道这是否对你有帮助。 -Mike

来源

2015-05-14 01:12:15

我的猜测是，当你的页面运行时，还有一些其他的CSS或jQuery正在运行并覆盖'visibility：hidden'。我也建议切换你的班级并使用'display：block'和'display：none'over'visibility：hidden'。

如果您提供了HTML和jQuery的其余部分，我可能会给出更准确的答案。

来源

2015-05-14 01:58:08

jQuery恢复CSS回到原来的状态

回答

相关问题