IOS 9阻止了模态移动链接

时间:2015-12-10 13:32:34

标签: javascript jquery html ios css

我的网站使用模式显示需要点击按钮的信息,例如回来提交。现在链接似乎已被破坏,即使它的目标是另一个页面。任何按钮点击都会重新加载页面。

到目前为止,这一直在发挥作用,但有些用户在提交信息时遇到了问题。当我和我的同事随后测试导致问题的原因时,我们发现问题只影响运行iOS9的设备。

我们查找了一些信息,发现这可能与空href有关。

    

    <ul>
        <li><a class="pop" href="#" target="#modal" data-id="deposit-funds.aspx">Deposit Funds</a> <span class="moreinfo" title="How to deposit funds into your investor account"></span></li>

        <!--<li><a class="pop" href="#" target="#modal" data-id="dynamic-invest.aspx">Dynamic Invest</a> <span class="moreinfo" title="Dynamic investing explained"></span></li>-->


        <!--<li><a class="pop" href="#" target="#modal" data-id="auto-invest.aspx">Auto Invest</a> <span class="moreinfo" title="Autoinvest guidelines, setting criteria and turning on and off"></span></li>-->


        <li><a class="pop" href="#" target="#modal" data-id="current-investments.aspx">Current Loans</a></li>

        <li><a class="pop" href="#" target="#modal" data-id="my-resale.aspx">My Resale Offerings</a></li>

        <li><a class="pop" href="#" target="#modal" data-id="completed-investments.aspx">Completed Loans</a></li>

        <li><a class="pop" href="#" target="#modal" data-id="bids-outstanding.aspx">Bids Outstanding</a></li>

        <li><a class="pop" href="#" target="#modal" data-id="my-transactions.aspx">Transaction History</a></li>
        </ul>
        </div>

如果有人遇到同样的问题或对潜在的解决方案有任何想法,那么正确的方向上的一点将是最受欢迎的。

1 个答案:

答案 0 :(得分:1)

我曾经有过这个问题,如果我没记错的话,我会将href更新为href="javascript:;"。这会欺骗浏览器运行一些空的javascript而不是什么都不做(这就是iOS阻止它的原因,我相信)。您的其他JavaScript也会在点击时运行。

我也相信我冒昧地将<a>标签更改为<span>标签;据我所知,这也有效,但对我的问题不是一个很好的解决方法。