我的Bootstrap模式不能隐藏成功登录后，得到卡住

我被卡住在这个JavaScript代码，为什么它不工作，我用登录后，静态背景bootstrap模型成功登录后，我想隐藏模型在成功的回调函数，但该模型没有隐瞒，页面仍然存在，不知道我做错了我的Bootstrap模式不能隐藏成功登录后，得到卡住

enter image description here

Myjs文件

$(document).ready(function() { 
    $('#myModal').modal({ 
     backdrop: 'static', 

    }); 


}); 


function Login() { 

    var dataobject = { Social_Security_Number: $('#Social_Security_Number').val(), Lumik_Id: $('#Lumik_Id').val() }; 
    // var dataobject = { Social_Security_Number:"123456789", Lumik_Id: "sgupta8" }; 

    $.ajax({ 
     url: '/User/Login', 
     type: "POST", 
     data: dataobject, 
     dataType: "json", 
     success: function (result) { 


      if (result.toString == "Success") { 
       $('#myModal').modal('hide'); 

       //redirecttoPage() 
      } 



     }, 
     error: function (result) { 
      alert('Error'); 

     } 


    }) 


}

UserController的

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.Mvc; 
using login.Models; 

namespace login.Controllers 
{ 
    public class UserController : Controller 
    { 
     UserBusinessLogic obj = new UserBusinessLogic(); 

     public ActionResult Login() 
     { 
      return View(); 
     } 

     [HttpPost] 

     public ActionResult Login(User user) 
     { 
      string message = ""; 
      if (ModelState.IsValid) 
      { 
       if (obj.checkuserlogin(user) > 0) 
       { 
        message = "Success"; 
       } 
       else 
       { 
        message = "Username or Password is wrong"; 
       } 
      } 
      else { 
       message = "ALL FIELDS ARE REQUIRED"; 
      } 

      if (Request.IsAjaxRequest()) 
      { 
       return Json(message, JsonRequestBehavior.AllowGet); 
       // return RedirectToAction("Profile", "User", new { @name = result }); 

      } 
      else 
      { 
       return RedirectToAction("Index", "Home"); 

      } 
     } 

     public ActionResult Profile(string name) 
     { 


      return View(); 

     } 

    } 
}

Layout.cshtml

<!DOCTYPE html> 
<html> 
<head> 
    <title>@ViewBag.Title</title> 

</head> 
@*<script src="../../Scripts/jquery-1.9.1.js"></script>*@ 
<script src="../../Scripts/jquery-1.9.1.min.js"></script> 
<script src="../../Scripts/Myfile.js"></script> 
    <link href="../../Scripts/bootstrap.min.css" rel="stylesheet" /> 
    <script src="../../Scripts/bootstrap.min.js"></script> 



<body> 
    @RenderBody() 
</body>

<div class="modal fade" id="myModal" role="dialog"> 

    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <form class="form-horizontal"> 
       <div class="modal-header"> 

       </div> 
       <br /> 

       <div class="form-group"> 
        <label for ="Social_Security_Number" class="col-lg-3 control-label"></label> 
        <input class="form-control" id="Social_Security_Number" placeholder="Social Security Number" type="text" /> 
       </div> 

       <div class="form-group"> 
        <label for="Lumik_Id" class="col-lg-3 control-label"></label> 
        <input class="form-control" id="Lumik_Id" placeholder="Lumik Id" type="text" /> 

       </div> 

       <div class="modal-footer"> 
        <input type="button" value="Login" class="btn btn-primary" onclick="Login()" /> 

       </div> 
      </form> 
     </div> 
    </div> 
</div> 

<style> 

    .modal-dialog { 
    max-width:480px; 
    } 

    .modal-dialog { 
    transform:translate(0,58%) !important; 
    -as-transform:translate(0,58%) !important; 
    -webkit-transform:translate(0,58%) !important; 

    } 

    .RbtnMargin { 
    margin-left:90px; 
    } 


</style>

来源

2017-04-20 Sarvesh Gujrati

你能尝试：中$(document).find('#myModal').modal('hide');代替$('#myModal').modal('hide'); 原因是：动态地添加数据。让我知道。

来源

2017-04-20 08:00:44

我试过，不工作 –

我不能在成功回调中显示任何警报，在调试时我可以看到控制器将成功回调，但在此之后没有任何事情发生 –

我的Bootstrap模式不能隐藏成功登录后，得到卡住

回答

相关问题