无法通过代码打开Bootstrap模式

时间:2014-07-29 10:27:08

标签: javascript jquery twitter-bootstrap modal-dialog

我使用Bootstrap框架,我想打开一个带链接的模态

<a href='/test' aria-hidden="true" style="margin-top: 20px;" class="btn btn-success" role="button" data-toggle='modal' data-target='#test'> Įkelk savo profilio nuotrauką </a>
<div id="test" class="modal modal-wide">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body"></div>
        </div>
    </div>
</div>

工作正常,模态打开但如果我在模态javaScript中使用这样:

$(document).ready(function() {
    console.log("ready!");
});

它无法正常工作且控制台为空。 JavaScript不能用于我的bootstrap模式。如果我没有使用链接它工作正常,我尝试插入模态jQuery仍然无法正常工作。

1 个答案:

答案 0 :(得分:0)

这两者是不同的东西。

一个是纯HTML,另一个是javascript。 您可以像http://www.bootply.com/giQj8UgpOt一样添加它们 实际上哪个登录到控制台,按钮仍然有效。如果你想通过javascript打开模态,那么你可以调用

$('#test').modal();
例如,在console.log之后

。 就像这里:http://www.bootply.com/PQTWXMSPhX