Question

这是一个非常令人费解的问题，但我在下面的模式中的所有链接都不起作用（点击链接，没有任何反应）。代码如下：

<section class="signupArtistModal">
<div id="myModal" class="modal-styling modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-toggle="modal" style="display:none">

  <div class="modal-header">
    <span class="top-cross">
    <a href="#" id="close-modal" data-dismiss="modal1" aria-hidden="true"><i class="fa fa-times fa-2x" style="float:right;"></i></a>
    </span>
    <br>
    <article class="modalTopPart welcome-modal-top">
    <p>Congratulations!</p>
    </article>
  </div>
  <div class="modal-body">
    <div class="center">
    <div class="share-first-text">Share with your friends and make this show happen.</div>

    <ul>
    <li style="display:inline; margin-right:10px;"><a href="https://twitter.com" target="_blank"><i class="fa fa-twitter fa-2x"></i></a></li>
    <li style="display:inline;"><a href="https://facebook.com" target="_blank"><i class="fa fa-facebook fa-2x"></i></a></li>
    </ul>

    </div>
  </div>

</div>
</section>

知道可能会发生什么吗？

Answer 1

这种行为很奇怪，为什么它不会打开链接，我甚至可以右键单击并选择在新标签页中打开。我想出的解决方案是使用JavaScript内联强制事件。这里是twitter的代码，你可以将它应用到Facebook标签：这里的twitter链接适用于这个更新的JS FIDDLE

<li style="display:inline; margin-right:10px;"><a href='http://twitter.com' 
 onclick='window.open("http://twitter.com");return false;'><i class="fa fa-twitter fa-2x">  
</i></a></li>

链接不适用于Twitter Bootstrap Modal（2.3.2）

1 个答案: