jQuery 显示在移动 Safari 上的 <a> 标签上

jQuery show on <a> tag on mobile Safari

本文关键字：标签 显示 移动 Safari 上的 jQuery      更新时间：2023-09-26

这适用于Chrome和Firefox，但不适用于移动Safari。我试图在单击链接时简单地显示一个 img。j查询 1.10.1

.HTML

<h1>Region</h1> <img src="/static/img/ajax-loader.gif" class="loading" />
<hr>
<div class="list-group">
    <a onclick="clickMe()" class="list-group-item" href="/feedback/studio/110/">Colorado <span class="glyphicon glyphicon-chevron-right pull-right"></span></a>
</div>

.JS

<script type="text/javascript">
function clickMe() {
    $('.loading').show();
}
</script>

.CSS

.loading {
    display: none;
}

单击链接时不显示 img。如果我将 href 更改为"#"进行测试，图像确实会显示。如果我在点击链接后返回浏览器，图像是可见的，但当然我试图让它在单击链接时显示。

我是否缺少一些简单的东西来让它在移动 Safari 上工作？

我会尝试一下：

首先，删除内联onclick属性

<a class="list-group-item" href="/feedback/studio/110/">Colorado <span class="glyphicon glyphicon-chevron-right pull-right"></span></a>

使用例如jQuery绑定事件并防止默认行为和延迟 一点重定向：{我将其委派到document级别，以便您 确定此事件将在您设置的任何位置/位置触发}

$(document).on('click', '.list-group-item', function(e){
     e.preventDefault();
     var self = this;
     setTimeout(function(){
         window.location = self.href;
     },250);
});
相关文章：