Bootstrap表单控件和jquery弹出插件

Question

我在Bootstrap表单控件AND jQuery modal popup plugin中同时使用时出现问题。

以下是代码，首先是我的HTML表单：

<form id="signup" class="form-inline">
   <div class="form-group">
      <input name="email" id="mailchimp_email" type="email" class="form-control" placeholder="your email">
   </div>
   <button class="theme_button my_popup_open">Discuss</button>
   <div id="response"></div>
</form>

它完美无缺，如果邮件不是*@*.*，我会收到经典的工具提示错误消息。但是，当我的JS代码触发弹出时，＆＃34;讨论＆＃34;按钮，我的弹出窗口工作正常，但没有更多的Bootstrap表单控件...

以下是我的JS文件中触发弹出窗口的代码（非常简单）：

jQuery('#my_popup').popup();

我在HTML文件中的弹出窗口（我不认为它很有意思）

<div id="my_popup" style="background-color:white; opacity:1;">
   test
   <button class="my_popup_close">Close</button>

</div>

我可以使用Bootstrap控件表单，如果控件没问题，那么会出现模态弹出窗口吗？

谢谢你们。