Question

我目前正面临一个Bootstrap Modal的问题...在我的网站上我有一个带有很多链接的导航栏但最后一个链接不起作用（如果我有很多链接我可以面对这个问题几个项目）当我有模态窗口时，我无法点击。如果我点击模态链接，javascript会显示该窗口，然后我就可以点击所有链接

您将在下面找到代码：（IA不起作用=＆gt;然后我点击user-icon =＆gt;然后我就可以点击IA了）

 <div class='navbar-inner'>
<div class='container'>
    <ul class='nav'>
        <li> <a class='brand' href='myurl'>Home</a> </li>
        <li class='divider-vertical'></li>
        <li> <a href='myurl'>BKB</a></li>
        <li> <a href='myurl'>Pole</a></li>
        <li> <a href='myurl'>IA</a></li>
    </ul>
    <ul class='nav pull-right'>
        <li data-toggle='modal' data-target='#contactModal'><img class=' navbar-search' src='./img/user-icon.png'></li>
        <li><img class=' navbar-search' src='./img/button-round-question-icon.png'></li>
    </ul>
</div>

模态：

<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>

你看到我做错了什么吗？

提前致谢。

Answer 1

您需要以下内容，并使用切换标记：

<li data-toggle='modal' data-target='#contactModal'><img class=' navbar-search' src='./img/button-round-question-icon.png'/></li>

我猜你的目标身份也会有所不同但是没有看到你标记的剩余部分我无法分辨。

Ps你的图片标签也没有关闭。

Bootstrap模式禁用href

1 个答案: