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

时间:2017-04-25 15:59:05

标签: javascript jquery ajax twitter-bootstrap

我正在使用MVC应用开发Bootstrap。我通过Jquery调用Bootstrap PopUp窗口。

这是我的电话



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

On New()函数我做了一些验证。取决于此验证,我可以重定向到另一个视图,或者调用Controller方法返回一个部分视图,我在Bootstrap标记中呈现。

这是我的引导标签。

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

</div> 
&#13;
&#13;
&#13;

我的Jquery功能是这样的。

&#13;
&#13;
 $.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) {
                 
               }
           });
&#13;
&#13;
&#13;

工作正常......

我发现的问题是我无法使用

  

数据肘节=&#34;模态&#34;

通过Jquery ......

当用户在Windows外点击时,我不想关闭PopUp Windows。

我已尝试使用示例中显示的$('#myModalLog').modal('toggle');,但它不起作用。

如何在Jquery中使用ths属性?

由于

2 个答案:

答案 0 :(得分:2)

为您的模型添加背景属性,如此

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

这里的例子

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

答案 1 :(得分:0)

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