按钮单击不会在Safari中触发

时间:2017-05-02 07:55:02

标签: jquery css safari click

问题:我有一个按钮,然后点击"事件仅在Safari中触发2或3中的1次。在其他所有浏览器中,点击"点击"每次单击按钮时都会触发事件。

这是我的代码:



1048576

$('button').on('click', function(){
	alert("Clicked");
});

button{
    font-size: 1em;
    font-weight: 700;
    padding: 0.5em 1em;
    background: #ea5949;
    box-shadow: 0 4px 0 #a03d32;
    color: #fff;
    margin: 5px 3px 0 0;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    display: inline-block;
    position: relative;
    top: 0px;
    -webkit-appearance: button;
}

button:hover{
  top: -2px;
  animation: none;
  -webkit-animation: none;
  box-shadow: 0 6px 0 #a03d32;
}

button:active{
    box-shadow: 0 1px 0 #444;
    top: 4px;
    -webkit-animation: none;
    animation: none;
}




是Safari不喜欢" top"按钮期间的价值变化"活跃" state(下面的代码),可能会影响hitbox。那有意义吗?我可能完全错了。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Click on me</button>

我尝试过使用&#34;转换&#34;相反,CSS属性,但问题仍然存在。

非常感谢!

0 个答案:

没有答案