【问题标题】:Unable to open Bootstrap modal via code无法通过代码打开引导模式
【发布时间】:2014-07-29 10:27:08
【问题描述】:

我使用 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 不适用于我的引导模式。如果我不使用链接,它可以正常工作,我尝试在模态 jQuery 中插入仍然无法正常工作。

【问题讨论】:

    标签: javascript jquery twitter-bootstrap modal-dialog


    【解决方案1】:

    两者是不同的东西。

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

    $('#test').modal();
    

    例如在console.log 之后。 喜欢这里:http://www.bootply.com/PQTWXMSPhX

    【讨论】:

    • 然后我打开 modal get error in javaScript SyntaxError: Unexpected token '
    • @user3546854 是的,我只是看了看,bootply 似乎无法正常工作。链接不想加载,当我尝试制作新的ply 时,我似乎无法save。值得稍后再检查。
    • 对不起,我不明白
    • 当我在 modal.html 中打开 modal 并且我在 modal.html 中的 javascript 不在 test.html 中以及当我将 javascript 放入 modal.html 时,在 test.html 中打开网页
    猜你喜欢
    • 2013-03-02
    • 1970-01-01
    • 2015-07-24
    • 2020-01-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多