【问题标题】:How can I stop a bootstrap modal from opening?如何阻止引导模式打开?
【发布时间】:2016-06-16 00:18:09
【问题描述】:

我有一个按钮,像这样:

<a data-toggle="modal" href="#influencerModal" class="btn btn-primary influencer-card">Influencer Profile</a>

当我单击它时,我希望模式不打开,以便我可以将一些内容 ajax 到其中,然后使用 .modal() 手动打开它。

在网上没有看到很多关于在点击按钮后停止它的想法的有用信息。

有任何问题,请在下方提问。

【问题讨论】:

  • 从链接中删除data-toggle="modal"

标签: javascript jquery ajax twitter-bootstrap


【解决方案1】:

从以下位置移除data-toggle="modal 属性:

<a data-toggle="modal" href="#influencerModal" class="btn btn-primary influencer-card">Influencer Profile</a>

改为添加onclick="function_call()" 属性,以便您可以在该JS 函数中调用AJAX。 AJAX 成功后,您可以打开如下模型:

$('#your_modal_id').modal("show");

您可以参考SO question

另请参阅w3schools.com page

【讨论】:

  • 确保您通过 JavaScript 绑定“点击时”。不要只是将 onclick 属性放在 html 元素上。使用 html 方式通常被认为是不好的做法。
【解决方案2】:

从链接data-toggle="modal"中删除此属性

然后在脚本中任何你想要触发模式的地方使用它

$('#modal').modal("show")

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-04-15
    • 2017-09-11
    • 1970-01-01
    • 2015-03-08
    • 2014-01-01
    • 2014-06-05
    • 2016-01-06
    • 2019-11-14
    相关资源
    最近更新 更多