2015-11-07 148 views
-1

我的解決方案沒有工作,無法在鏈接中添加引導模式。搜索任何幫助:)MVC 5和引導模式

$(function() { 
     $.ajaxSetup({ cache: false }); 
     $("a[data-modal]").on("click", function (e) { 
      $('#myModalContent').load(this.href, function() { 
       $('#myModal').modal({ 
        /*backdrop: 'static',*/ 
        keyboard: true 
       }, 'show'); 
      }); 
      return false; 
     }); 
    }); 
@Html.ActionLink("Создать новую", "Create", new { }, new { @class = "btn btn-default viewDialog", data_dialog_title = "Создание модели" }) 
+0

信息不清楚。 ( – SHAZ

+1

)你顯示的鏈接和腳本有什麼關係?$(「a [data-modal]」)','$('#myModalContent')'和'$('#我的模式')'你的腳本引用了。' –

+0

sry。舊版本 –

回答

0

引導模態 -

<div class="modal fade" id="myModal" role="dialog" data-backdrop="static" style="resize:both"> 
    <div class="modal-dialog modal-lg"> 

     <div class="modal-content"> 

      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h4 class="modal-title" id="myModalLabel" style="text-align: center"><i class="fa fa-plus"></i>&nbsp;Add Friends</h4> 
      </div> 
      <div id="modalInner" class="modal-body" style="overflow-y:auto; height:450px"> 

      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-outline btn-info" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
    </div> 
</div> 

錨標記

<a href="#" class=" btn btn-white btn-xs pull-right"          onclick="getData('@ViewBag.LoginUserId')">OPen MOdal 
              </a> 

腳本文件

function getData(data) { 
     //alert(data); 
     $.ajax('@Url.Action("ABC")/' + data).done(function (data) { 
      $('#modalInner1').html(data); 
      $('#myModal1').modal({}); 
     }); 
    }