javascript - IOS 9 正在阻止模态移动链接

Question

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

到目前为止，这一直有效，但一些用户在提交信息时遇到了问题。当我和我的同事随后测试导致问题的原因时，我们发现问题只影响运行 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>

如果有人遇到同样的问题或对潜在修复有任何想法，我们将不胜感激。

Answer 1

我前段时间遇到过这个问题，如果我没记错的话，我将 href 更新为 href="javascript:;" .这会诱使浏览器运行一些空的 javascript 而不是什么都不做(我相信这就是 iOS 阻止它的原因)。您的其他 javascript 也将在点击时运行。

我也相信我冒险走上了改变 <a> 的道路标记为 <span>标签；据我所知，这也有效，但不能很好地解决我的问题。