Jquery 使用ajax在asp mvc中创建引导模式会使屏幕变暗,但不会显示模式
我有一个父视图,它创建了一个javascript数组,当按下按钮时,列表被传递给控制器,转换为viewmodel,并返回部分视图Jquery 使用ajax在asp mvc中创建引导模式会使屏幕变暗,但不会显示模式,jquery,ajax,asp.net-mvc,twitter-bootstrap,Jquery,Ajax,Asp.net Mvc,Twitter Bootstrap,我有一个父视图,它创建了一个javascript数组,当按下按钮时,列表被传递给控制器,转换为viewmodel,并返回部分视图 $(function () { $("#AddProduct").click(function () { var data = JSON.stringify(list); $.ajax({ type: "POST", url: '@Url.Action("GetReceipt",
$(function () {
$("#AddProduct").click(function () {
var data = JSON.stringify(list);
$.ajax({
type: "POST",
url: '@Url.Action("GetReceipt", "POS")',
contentType: 'application/json',
data: data,
dataType: "html",
success: function (items) {
//this part doesn't work
$('#modal-container').modal();
$('#modal-content').html(items);
}
});
});
这里一切正常。我可以验证html代码是否返回
$(function () {
$("#AddProduct").click(function () {
var data = JSON.stringify(list);
$.ajax({
type: "POST",
url: '@Url.Action("GetReceipt", "POS")',
contentType: 'application/json',
data: data,
dataType: "html",
success: function (items) {
//this part doesn't work
$('#modal-container').modal();
$('#modal-content').html(items);
}
});
});
这是模态div:
<div id="modal-container" class="modal fade"
tabindex="-1" role="dialog">
<div class="modal-content">
</div>
</div>
关键是,html标记在
success
处返回。但是模式没有显示,只有屏幕变暗。我想问题就在这里的某个地方:$('#modal content').html(items)代码>。。。也可能不是。问题在于您使用的选择器。来自$('#模态内容').html(项目)
您需要将其更改为$('.modal content').html(items)代码>。哦,哇,这太尴尬了。请回答,我会记为正确的