Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 模式关闭,按钮单击时具有过渡效果_Javascript_Html_Css - Fatal编程技术网

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
  });
});