关于:平板电脑上的空白(iPad)

时间:2014-08-05 17:26:40

标签: html ipad hyperlink

问题
从本周开始,我正在测试客户联盟网站(http://www.fashioncheque-online.nl)的责任。我认出了以前从未见过的东西。当您单击桌面上的链接时(例如http://www.fashioncheque-online.nl/overzicht/webshops/dames/schoenen/并单击Shoeby),您会看到该链接将在新选项卡中正确打开。但是,当我点击iPad上的相同链接时,我只能看到:空白。它应该加载会员链接,但似乎它不会进一步加载页面。当我通过浏览器点击另一个标签页时,浏览器会进一步加载会员页面。

问题
现在是我的问题,是否有人能解决这个问题?它可能是浏览器(Safari)还是我建立链接的方式?

2 个答案:

答案 0 :(得分:0)

我想我可能会有一些解决方案,但我可能完全错了。 您的链接代码结构如下:

<li style="display: inline-block;">
    <a href="LINK" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','LINK']);" rel="external">
        <h4>Shoeby</h4>
        <div class="product-image">
            <img src="IMG" alt="" scale="0">
        </div>
        <div class="productmoreholder">
            <div class="productmoretag">LINK</div>
        </div>
    </a>
</li>

我认为iOS设备不会考虑onclick =&#34; javascript&#34;与笔记本电脑和台式电脑一样。为什么不简单地添加target="_blank"(即使它在桌面上会变得多余)?

我希望这有帮助!

干杯

// quentindelattre

答案 1 :(得分:0)

首先,感谢您的反应!我找到了解决这个问题的方法! :)

这是解决此问题的方法:

<script type="text/javascript">
  $('a[rel="external"]').click(function() {
     window.open( $(this).attr('href') );
     return false;
  });
</script>

链接的HTML必须是:

<a href="http://google.com" rel="external">