按钮上的Jquery打开弹出窗口，用于引导程序

当我点击下面的按钮

 Launch demo modal  

我打开弹出窗口（模态）

  
 
 
 
 × 
Modal title
 
 
 ... 
 
 Close Save changes 
 
 
  

我参考下面的例子，

http://getbootstrap.com/javascript/

我的问题：

如何使用javascript / jquery在按钮单击时打开#myModal？

任何帮助将不胜感激。

谢谢。

Answer 1

给一个ID来唯一地标识按钮，让我们说myBtn

 // when DOM is ready $(document).ready(function () { // Attach Button click event listener $("#myBtn").click(function(){ // show Modal $('#myModal').modal('show'); }); }); 

的jsfiddle

Answer 2

下面提到的链接用例子给出了清晰的解释。

http://www.aspsnippets.com/Articles/Open-Show-jQuery-UI-Dialog-Modal-Popup-on-Button-Click.aspx

来自同一链接的代码

      
 This is a jQuery Dialog.  

Answer 3

答案取决于您提供的示例链接：

http://getbootstrap.com/javascript/#modals-usage

即

Call a modal with id myModal with a single line of JavaScript:

 $('#myModal').modal('show');