Question

我在一个简单的按钮或链接上调用bootstrap模式时遇到问题可能是因为它与我的select2插件（我不是很确定）有冲突，顺便说一下我只是将按钮附加到select2下拉，这是我的javascript无法工作：

 $(".select2-drop").append('<table><tr><td><button class="btn" data-toggle="modal" data-target="#ModalAdd">New Supplier</button></td></tr></table>');`

因为这个我只是想做一个javascript / jquery函数来打开模态（不知道它是否是最好的方式。）

这是我的javascript代码：

$(".select2-drop").append('<table><tr><td><button class="btn" onClick="modal() ">New Supplier</button></td></tr></table>');

试图在其上发出一些消息，并且有效：

function modal(){
   alert("pressed");
}

我的问题是，如何通过javascript / jquery函数调用bootstrap上的modal？

真的很感激任何帮助/建议，谢谢你，祝你有个美好的一天！

Answer 1

试试这个

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

按HTML

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#yourmodalid">
    Launch modal
</button>

Answer 2

如果您想完全“机械”，请参阅此示例：

小提琴 - ＆gt;的 http://jsfiddle.net/RvJV8/

$("#btnOpen").click(function() { $("#myModal").modal(); });

你有没有试过这个？它有效..

$(".select2-drop").append('<table><tr><td><button class="btn" onclick="$("#myModal").modal();">New Supplier</button></td></tr></table>');
分叉小提琴 - ＆gt;的 http://jsfiddle.net/3uZAZ/

如何通过javascript / jquery函数调用bootstrap上的modal

2 个答案: