MVC Bootstrap 通过 jquery 设置 data-toggle="modal"答案

【问题标题】：MVC Bootstrap set data-toggle="modal" via jqueryMVC Bootstrap 通过 jquery 设置 data-toggle="modal"
【发布时间】：2017-04-25 15:59:05
【问题描述】：

我正在使用Bootstrap 开发一个MVC 应用程序。我正在通过 Jquery 调用 Bootstrap 弹出窗口。

这是我的电话

  <div style="float:left;width:100%;height:30px;" class="Sees">
            <img class="btnNuevoMsg" src="~/Content/Images/NuevoMsg.png" onclick="New()" />
        </div>

在 New() 函数上，我做了一些验证。根据这个验证，我可以重定向到另一个视图，或者调用返回部分视图的控制器方法，我在 Bootstrap 标记中呈现。

这是我的引导标签。

<div class="modal fade" id="myModalLog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

</div>

我的jquery函数是这样的。

 $.ajax(
           {
               type: "POST",
               url: '@Url.Action("ShowLogUser","Home")',
               //data: { search: _search },
               success: function (result) {
                   $('#myModalLog').html(result);
                   $('#myModalLog').modal();
//                   $('#myModalLog').modal('toggle');
//                   $('#myModalLog').modal('show');
               },
               error: function (req, status, error) {
                 
               }
           });

效果很好……

我发现的问题是我不能用

data-toggle="模态"

通过 Jquery...

当用户在窗口外点击时，我不想关闭弹出窗口。

我已经尝试使用$('#myModalLog').modal('toggle');，如示例中所示，但它不起作用。

如何在 Jquery 中使用 ths 属性？

谢谢

【问题讨论】：

标签： javascript jquery ajax twitter-bootstrap

【解决方案1】：

像这样为你的模型添加背景属性

$("#myModalLog").modal({backdrop: "static"});

这里的例子

https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_modal_backdrop&stacked=h

【讨论】：

【解决方案2】：

$(function() {
    $('body').on('click', '.btn', function(e) {
        $('#myModal6').modal('show');
    });
});

【讨论】：