javascript - 链接在 Mobile Safari 上不起作用

标签 javascript html wordpress hyperlink anchor

我正在尝试编写一个简单的页面跳转代码。此页面上的红色按钮应该将页面跳转到下一部分。它似乎在任何地方都可以工作,除了 Safari 浏览器和移动设备。桌面版 Safari 没问题。我尝试过一个简单的 anchor 标记和java脚本来设置链接,但没有一个起作用。我什至尝试过链接到外部页面,看看是否只是指向 ID 的链接,但外部链接也不起作用。此时,我完全不知所措。下面是 CSS、Javascript 和 HTML。我在 Wordpress 中使用 Visual Composer 来创建该网站,但它几乎都是“原始 HTML”元素。

这是页面:http://thirteenthfloor.com/presale/13thfloordenver/

..帮助

<span 
  class="pseudolink" 
  onclick="location='http://thirteenthfloor.com/presale/13thfloordenver/#sales'">
<div class="buybutton">BUY TICKETS NOW</div>
</span>

<!--OR-->

<a href="#sales"><div class="buybutton">BUY TICKETS NOW</div></a>

.buybutton {
    border-radius: 10px;
    background: linear-gradient(#be0000, #970000);
    width: 275px;
    padding: 18px;
    color: #fff;
    text-align: center;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 25px auto 0px auto;
    box-shadow: 0px 5px 10px #000;
}
.buybutton a{
    color: #fff;
}
.buybutton:hover {
    background: linear-gradient(#df0000, #cc0000);
    cursor: pointer;
    /**box-shadow: 0px 5px 10px #000000;**/
}

最佳答案

不幸的是,这只是 iPhone 软件、Safari 和 Visual Composer 不想一起工作的情况。如果您遇到这种情况,最好的建议是:不要使用 Visual Composer。 “Salient”是 WordPress 的更好替代方案。

关于javascript - 链接在 Mobile Safari 上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45844046/

相关文章:

javascript - 在重复单词之前包含字符串

javascript - Chrome : not "remembering" the choice to allow access to microphone

html - 页面在移动 View ( Angular )中打开 NumPad 而不是文本键盘

java - 如何从 JSoup 'Document' 中删除不间断空格?

wordpress - WooCommerce 可能会延迟完成的订单电子邮件吗?

javascript - IE 触发除了点击以外的任何东西

javascript - 将两个 div 居中,一个带有 Logo ,一个带有文本,并排放置在 html5 视频的顶部并且仍然可以响应?

html - 动画 :before element that is inside hovered div

wordpress - 用于 docker 中 wordpress 的 phpunit(继承自最终类)

javascript - 如何创建导航选项卡或缩略图,如 Firefox 或 Google chrome?