Jquery Bootbox.dialog和自动完成显示在对话框后面
我对Bootbox.dialog后面显示的jquery自动完成有问题 我在scheduling.js中显示bootbox.dialog,然后在部分中,我将autocomplete附加到视图上的控件。我一直在阅读jQuery1.10中不使用Z索引的内容,但不确定如何在对话框结束后在dom中的正确位置获得自动完成。我无论如何都无法让Z索引工作。需要一些帮助才能让它工作。谢谢Jquery Bootbox.dialog和自动完成显示在对话框后面,jquery,dialog,jquery-autocomplete,bootbox,Jquery,Dialog,Jquery Autocomplete,Bootbox,我对Bootbox.dialog后面显示的jquery自动完成有问题 我在scheduling.js中显示bootbox.dialog,然后在部分中,我将autocomplete附加到视图上的控件。我一直在阅读jQuery1.10中不使用Z索引的内容,但不确定如何在对话框结束后在dom中的正确位置获得自动完成。我无论如何都无法让Z索引工作。需要一些帮助才能让它工作。谢谢 bootbox.dialog({ message: result,
bootbox.dialog({
message: result,
buttons: {
save: {
label: "Save",
className: "btn-primary btn-xs",
callback: function () {
var $form = $('#form');
//Validating the form using unobtrusive validation.
$.validator.unobtrusive.parse($form);
$("#form").validate();
if ($("#form").valid()) {
$.ajax({
cache: false,
$('#ScheduleItem_AdditionalDescription').autocomplete({
source: function (request, response) {
var searchTerm = $('#ScheduleItem_AdditionalDescription').val();
//Ajax call to retrieve the potiential auto complate results
//based on the searchTemer that are passed in through the additional
//description control.
window.suppressBlockUI = true;
$.ajax({
url: "/ScheduleDetail/AutoCompleteAdditionalDesc",
dataType: "json",
contentType: 'application/json, charset=utf-8',
data: {
term: searchTerm
},
success: function (data) {
window.suppressBlockUI = false;
response($.map(data, function (item) {
return {
label: item.AdditionalDescription
//,
//value: item
};
}));
}
});
}, minLength: 1,
select: function (event, ui) {
},
open: function () {
$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
},
close: function () {
$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
}
});
将z-index属性设置为99999,这样它将前进将z-index属性设置为99999,这样它将前进。必须将其添加到正确的位置。在“自动完成”的打开部分添加了z索引。打开:function(){$(this).autocomplete('widget').css('z-index',99999);它现在正常工作了吗?是的,它现在工作了。我想,我在评论中发布了答案,对不起!