2016-07-09 2 views
0

어떻게하면 custombox 플러그인을 사용하여 asp.net mvc에서 동작을 렌더링 할 수 있습니까? 모달 부트 스트랩asp.net mvc에서 custombox 플러그인 사용?

, 나는 다음과 같은 코드를 사용하지만, 같은 코드는 custombox에 오류가 있습니다 :

버튼

<a class="btnModal btn btn-primary" href="javascript:;" data-href="@Url.Action("Create")">New</a> 

VIEW

<div class="modal fade" id="myModal" tabindex="-1"></div> 

JS

$(".btnModal").click(function() { 
    $("#myModal").load($(this).attr("data-href")); 
    $("#myModal").modal({ 
     backdrop: 'static', 
     keyboard: false 
    }); 
}); 

답변

1

당신은 부트 스트랩 모달 팝업과 custombox.They 모두 아래의 코드를 사용할 수있는 custombox 팝업 시작 plugins.To 두 개의 서로 다른 열 수 있습니다 동일한 코드를 사용할 수 없습니다

<script src="~/scripts/custombox.js"></script> 
<link href="~/css/custombox.css" rel="stylesheet" /> 
<script type="text/javascript"> 
    $(function() { 
     $(".btnModal").click(function() { 
      $("#modalBody").load($(this).attr("data-href")); 
      Custombox.open({ 
       target: '#myModal', 
       zIndex: 'auto' 
      }); 
     }); 
    }); 
</script> 
<a class="btnModal btn btn-primary" href="javascript:;" data-href="@Url.Action("Create")">New</a> 
<div id="myModal" style="width:200px;height:200px;background-color:#fff;"> 
    <div id="modalBody"> 
    </div> 
</div> 
관련 문제