简体   繁体   English

链接在Mobile Safari上不起作用

[英]Links not working on Mobile Safari

I'm trying to code a simple page jump. 我正在尝试编写一个简单的页面跳转代码。 The red button on this page supposed to jump the page down to the next section. 此页面上的红色按钮应该将页面跳到下一部分。 It seems to work EVERYWHERE but on the Safari browser, on mobile. 它似乎可以在任何地方使用,但可以在Safari浏览器和移动设备上使用。 Safari on Desktop is fine. 桌面版Safari很好。 I've tried a simple anchor tag, and java script to set the link and none are working. 我尝试了一个简单的锚标记,并使用Java脚本设置了链接,但没有一个起作用。 I've even tried linking to an external page to see if it was just the link to the ID, and the external link did not work either. 我什至尝试链接到外部页面,以查看它是否只是指向ID的链接,并且外部链接也不起作用。 At this point, I'm at a complete loss. 在这一点上,我完全不知所措。 Below is the CSS, Javascript, and HTML. 以下是CSS,Javascript和HTML。 I'm using Visual Composer inside of Wordpress to create the site, but it's almost all "Raw HTML" elements. 我在Wordpress中使用Visual Composer创建网站,但几乎是所有“原始HTML”元素。

Here's the page: http://thirteenthfloor.com/presale/13thfloordenver/ 这是网页: http//thirteenthfloor.com/presale/13thfloordenver/

..help ..救命

 <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;**/ } 

This is unfortunately just a case of the iPhone software, Safari, and Visual Composer not wanting to work together. 不幸的是,这只是iPhone软件,Safari和Visual Composer不想一起使用的一种情况。 Best advise if this ever happens to you: don't use Visual Composer. 如果您遇到这种情况,最好建议:不要使用Visual Composer。 "Salient" is a much better alternative for Wordpress. 对于Wordpress,“突出”是更好的选择。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM