ASP.NET MVC问题将部分页面加载到引导模式

Question

我正在努力解决这个问题。 我试图将局部视图加载到div的模式中，但我似乎无法正常工作。 每次我单击按钮时，屏幕都会褪色，好像它要显示模态一样，然后又恢复正常。 任何帮助将不胜感激。

我的按钮

 <button class="btn btn-default" id="addDocument">Add</button> 

空模态

 <div id='myModal' class='modal fade' data-url='@Url.Action("CreateTemplateDocument")'> <div class="modal-dialog"> <div class="modal-content"> <div id='myModalContent'></div> </div> </div> </div> 

还有我的剧本

 @section Scripts { <script type="text/javascript" src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#addDocument').click(function () { var url = $('#myModal').data('url'); $.get(url, function (data) { $('#myModalContent').html(data); $('#myModal').modal('show'); }); }); }); </script> @Scripts.Render("~/bundles/jqueryval") } 

更新：

因此，从进行进一步的测试看来，运行脚本后页面正在重新加载。 我的印象是ajax阻止了这种情况，但是我猜这是错误的。

Answer 1

尝试此操作，我已更改Modal show命令并删除了数据URL

 @section Scripts { <script type="text/javascript" src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#addDocument').click(function () { var url = $('#myModal').data('url'); $.get(url, function (data) { $('#myModalContent').html(data); $('#myModal').modal({ keyboard: false, remote: '/home/partial' // YOUR PARTIAL VIEW URL }).show(); }); }); }); </script> @Scripts.Render("~/bundles/jqueryval") } 

 <div id='myModal' class='modal fade' > <div class="modal-dialog"> <div class="modal-content"> <div id='myModalContent'></div> </div> </div> </div> 

 <div id='myModal' class='modal fade' data-url='@Url.Action("CreateTemplateDocument")'> <div class="modal-dialog"> <div class="modal-content"> <div id='myModalContent'></div> </div> </div> </div> 

Answer 2

我设法通过使函数返回false来解决此问题。 我不知道为什么这行得通，所以如果有人能启发我，那会很棒。