bootstrap modal 自动关闭

发布于 2022-08-28 23:25:21 字数 2426 浏览 15 评论 0

jquery ui 太丑陋了,现在换成bootstrap modal,请问大大如何在表单正确提交后自动关闭模态框?
源码

    <script>
                var myIntegral = 0;
                $(document).ready(function(){
                   $(".link").click(function(){
                       var id = $(this).attr('rel');
                       if(is_login){
                           $("#modal").dialog({
                               width:500,
                               height:300,
                               modal: true,
                               buttons:{
                                   '确定':function(){
                                       var data = $("#div form").serialize();
                                       $.ajax({
                                           url:'url&id='+id,
                                           data:data,
                                           type:'POST',
                                           dataType:'json',
                                           success:function(data){
                                               if(data.ret == 0) {
                                                   alert(data.message);
                                                   $("#modal").dialog('close');
                                               }else{
                                                   alert(data.message);
                                               }
                                           }
                                       });

                                   },
                                   '取消':function(){
                                       $(this).dialog('close');
                                   }
                               }
                           });                     
                       }else{
                            alert('需要登录后操作');
                            location.href ='login.php';
                       }

                   });
</script>

修改后

    <script>
    $(document).ready(function() {
      $(".link").click(function() {
        var id = $(this).attr('rel');
        if (is_signin) {
          $("#modal .modal-body > form").attr("action", "url&id=" + id);
          $("#modal").modal();
        } else {
          alert('需要登录后操作');
          location.href = 'login.php'
        }
      });
    });
    </script> 

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

不…忘初心 2022-09-04 23:25:21

setTimeout(function(){$("#modal").modal("hide")},2000);

深海里的那抹蓝 2022-09-04 23:25:21

文档上有 $('#myModal').modal('hide')

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文