2016-07-09 8 views
0

どうすればasp.net mvcでアクションをレンダリングするのにcustomboxプラグインを使用できますか?モーダルブートストラップasp.net mvcでカスタムボックスプラグインを使用していますか?

は、私は次のコードを使用していますが、同じコードがcustomboxでエラーを与える:

BUTTON

<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あなたは両方のブートストラップモーダルポップアップを開くために同じコードを使用することはできませんとcustombox.Theyあなたは以下のコードを使用することができますcustomboxポップアップ起動plugins.To異なる2つです

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

答えて

1

<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> 
関連する問題