Javascript Twitter引导模式窗口未关闭
您好,我有一个带有模式窗口的页面,我使用以下JS代码打开该页面:Javascript Twitter引导模式窗口未关闭,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,您好,我有一个带有模式窗口的页面,我使用以下JS代码打开该页面: $('.open-modal').on('click', function (event) { event.preventDefault(); var object = $(this); modals(object.attr('href')) }) function modals(href) { $("#Modal").modal("hide"); $.ajax({ url
$('.open-modal').on('click', function (event) {
event.preventDefault();
var object = $(this);
modals(object.attr('href'))
})
function modals(href) {
$("#Modal").modal("hide");
$.ajax({
url: href,
type: "GET",
contentType: "application/json; charset=utf-8",
dataType: 'html',
//data: { id: $(this).attr('id') },
error: function (data) {
alert("wystąpił nieokreślony błąd " + data);
},
success: function (data) {
$('.modal-body').html(data);
$("#Modal").modal('show');
$('.ChangeToEdit').on('click', function (event) {
$("#Modal").modal('hide');
event.preventDefault();
var object = $(this);
modals(object.attr('href'))
})
}
});
}
和html:
<div class="modal fade" id="Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel"></h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
&时代;
接近
按钮和示例:
<a class="open-modal" href="/User/Edit/14">Edit</a> |
<a class="open-modal" href="/User/Details/14">Details</a> |
<a class="open-modal" href="/User/Delete/14">Delete</a>
|
|
如果用户打开带有详细信息的模态,他将找到带有详细信息的模态,并单击按钮编辑此数据。按下该按钮后,模式窗口应关闭,并使用编辑打开新窗口。
不幸的是。当用户使用“详细信息”模式上的“编辑”按钮时,会出现第二个“阴影”,即使在“编辑”模式关闭后,也会保持在该阴影下
我做错了什么?为什么第一模态的第二个阴影没有消失 尝试执行
$(.modal background”).removeClass()代码>关闭第一个模式后。使用ajax获取是否可能包含引导脚本标记?我想多次包含引导可能会导致类似的问题。您可以提供呈现的Html,而不是@Html.ActionLink…
。@dfsq我用按钮示例更新了我的问题。Robert它不是引导,只是包含在布局中。其他页面没有带引导的脚本标记。更多此错误仅在我尝试从详细信息模式转到编辑模式时出现。当我点击“编辑”时,一切都像一个魔咒