Javascript 模式关闭,按钮单击时具有过渡效果
我有一个通过单击此超链接打开的模式:Javascript 模式关闭,按钮单击时具有过渡效果,javascript,html,css,Javascript,Html,Css,我有一个通过单击此超链接打开的模式: <a class="link-efekt" data-hover="izrazi zanimanje" href="#izrazi-zanimanje-univerzalno">izrazi zanimanje</a> 在@crazymatt实现了第一个建议的解决方案后,我在按键时得到了以下控制台输出: 因为您使用的是JQuery,所以不能运行淡入淡出动画,然后关闭窗口吗?大概是这样的: $( "#clickme" ).click(
<a class="link-efekt" data-hover="izrazi zanimanje" href="#izrazi-zanimanje-univerzalno">izrazi zanimanje</a>
在@crazymatt实现了第一个建议的解决方案后,我在按键时得到了以下控制台输出:
因为您使用的是JQuery,所以不能运行淡入淡出动画,然后关闭窗口吗?大概是这样的:
$( "#clickme" ).click(function() {
$( "#book" ).fadeTo( "slow" , 0, function() {
// Animation complete now close overlay
});
});
但我没有花时间将其应用于覆盖图。我尝试使用$izrazi zanimanje univerzalno.fadeTo slow,0,function{};代替window.history.back;没有if语句,但不起作用。@71GA你在控制台中看到错误了吗?如果您发布更多的代码,比如打开和关闭模态的触发器,HTMLI添加了关于“我的模态通常是如何关闭的”的描述,这可能会有所帮助。如果我使用你的解决方案,我还会在键盘上添加控制台输出。@71GA如果没有看到你的一个或多个代码示例,很难判断发生了什么。你是否可以在js.fiddle或codepen中重现这个问题?我的问题中的错误是使用瘦版本的Jquery而不是普通版本。他们不一样!很高兴你能弄明白,不,它们是不同的:-我认为苗条的只是写在一个更精简的方式=
<script type="text/javascript">
$(document).keyup(function(e) {
if (e.keyCode == 27) {
if ( $("#izrazi-zanimanje-univerzalno").data('modal').isShown ) {
window.history.back();
}
}
});
</script>
$( "#clickme" ).click(function() {
$( "#book" ).fadeTo( "slow" , 0, function() {
// Animation complete now close overlay
});
});