如何让Bootstrap模式与表单一起使用

时间:2014-03-25 21:22:45

标签: jquery twitter-bootstrap

我试图用Bootstrap关闭一个模态。但我得到一个错误,"模态不是一个函数"当我运行我的脚本。我认为这与上下文有关。这是我的代码。请注意,调用"模态隐藏"在提交监听器之外工作。我必须使用这个监听器,因为表单是一个模态,否则脚本不知道在哪里" register-form"因为它对模态有不同的看法。

jQuery(function() {
    jQuery(document).on('submit', '#register-form',  function(e) {
       e.preventDefault();

       jQuery('.bs-modal').modal('hide');

       data = jQuery('#register-form').serialize();
       jQuery.post('/campus-learning/registration-form', { data: data }, function() {

       });
    });
});

1 个答案:

答案 0 :(得分:0)

我不得不使用jQuery来使其工作。希望这有助于其他人。

jQuery(function($) {
    jQuery(document).on('submit', '#register-form',  function(e) {
       e.preventDefault();

       $('.bs-modal').modal('hide');

       data = jQuery('#register-form').serialize();
       jQuery.post('/campus-learning/registration-form', { data: data }, function() {

       });
    });
});