链接不工作在推特引导模式(2.3.2)

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>