Javascript 引导模式禁用a href

Javascript 引导模式禁用a href,javascript,twitter-bootstrap,Javascript,Twitter Bootstrap,我目前面临一个引导模式的问题。。。在我的网站上,我有一个带有许多链接的导航栏,但最后一个链接不起作用(如果我有很多链接,我可以在几个项目上面对这个问题),当我有模式窗口时,我无法单击。如果我点击模态链接,javascript会显示窗口,然后我就能点击所有链接 您将在下面的代码中找到:(IA不工作=>然后我单击用户图标=>然后我可以单击IA) 模式: <div class='modal fade' id='contactModal' tabindex='-1' r

我目前面临一个引导模式的问题。。。在我的网站上,我有一个带有许多链接的导航栏,但最后一个链接不起作用(如果我有很多链接,我可以在几个项目上面对这个问题),当我有模式窗口时,我无法单击。如果我点击模态链接,javascript会显示窗口,然后我就能点击所有链接

您将在下面的代码中找到:(IA不工作=>然后我单击用户图标=>然后我可以单击IA)




模式:

<div class='modal fade' id='contactModal' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
<div class='modal-dialog'>
    <div class='modal-content'>
        <div class='modal-header'>
            <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
            <h4 class='modal-title' id='myModalLabel'>title</h4>
        </div>
        <div class='modal-body'>
                <div class='row'>
                    <div class='span4' id='modalperson'>
                        <div><span class='modaldataleft'>xx</span><span class='modaldataright'>  xx</span></div>
                        <div><span class='modaldataleft'>xxx </span><span class='modaldataright'>  xx</span></div>
                        <div><span class='modaldataleft'>xxx x</span><span class='modaldataright'>  xx</span></div>
                        <div><span class='modaldataleft'>xxx </span><span class='modaldataright'>  xx</span></div>
                        <div><span class='modaldataleft'>xxx </span><span class='modaldataright'>  xx</span></div>
                    </div>
                    <div class='span2 blank white' id='modalicon'>
                        <img style='float:right;' src='./img/user-icon_96x96.png'>
                    </div>
                </div>
                <div class='row'>
                    <div class='span6' id='modaladresse'>
                        <div class='textleft'>something</div>
                        <div class='textleft'>something</div>
                    </div>
                </div>
                <div class='row'>
                    <div class='span6' id='modaladresse'>
                        <div class='textleft'>something</div>
                    </div>
                </div>
        </div>
        <div class='modal-footer'>
            <button type='button' class='btn btn-default' data-dismiss='modal'>Fermer</button>
        </div>
    </div>
 </div>

&时代;
标题
xx xx
xxx xx
xxx x xx
xxx xx
xxx xx
某物
某物
某物
费尔默

你知道我做错了什么吗


提前感谢。

您需要以下带有切换标记的选项:

<li data-toggle='modal' data-target='#contactModal'><img class=' navbar-search' src='./img/button-round-question-icon.png'/></li>
  • 我猜你的目标id也会不一样,但是如果没有看到你的其他标记,我就说不出来了


    Ps您的图像标记也没有关闭。

    这与PHP有什么关系?您好,我编辑了我的第一篇文章,添加了模式。我的模式工作得很好,问题是:当我的页面中有一个模式时,我列表中的一些元素
      不工作,我无法单击,尽管存在错误。我只能在我已经点击了我的模式后点击它。我关闭了我的图像标签,但它仍然不起作用:PHello,问题已解决:如果显示:无强制我的列表起作用。
      <li data-toggle='modal' data-target='#contactModal'><img class=' navbar-search' src='./img/button-round-question-icon.png'/></li>