Jquery Modal弹出CSS不起作用。 [英] Jquery Modal pop up CSS doesn't work.
问题描述
Hello Experts,
我有一个文本框,在文本框的Keypress事件中,是下面的JavaScript函数,弹出Jquery Modal。
function getfoc(){
debugger;
$( #modal_PrdCddialog)。load(' ProductCode.aspx',function(){
$( this )。dialog({
title: 选择产品代码以填充轮胎尺寸,
autoOpen: true ,
modal: true ,
高度: 350 ,
宽度: 450 ,
按钮:{
关闭:function(){
$( this )。dialog(' close');
}
}
})。prev( 。ui-dialog-titlebar)。css( background, 蓝色跨度>);
// window.open('ProductCode.aspx','popUpWindow','height = 300,width = 600,左= 100,顶部= 30,resizable = Yes,scrollbars = Yes,toolbar = no,menubar = no,location = no,directories = no,status = No')
});
}
意思是,它显示为模态弹出但不是停留比如modal弹出而不是我的ProductCode.ASPX在网站上打开。
我在这里遗漏了什么。
你能帮帮我吗?
( < span class =code-string>#modal_PrdCddialog)。load(' ProductCode.aspx',function(){
( this )。dialog({
title: 选择产品代码以填充轮胎尺寸,
autoOpen: true ,
modal: true ,
height: 350 ,
宽度: 450 ,
按钮:{
关闭:function(){
Hello Experts, 这篇关于Jquery Modal弹出CSS不起作用。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
< blockquote>( this )。dialog(' close');
}
}
})。prev( 。ui-dialog-titlebar )。css( background, blue);
// window.open('ProductCode.aspx','popUpWindow','height = 300,width = 600,左= 100,顶部= 30,resizable = Yes,scrollbars = Yes,toolbar = no,menubar = no,location = no,directories = no,status = No')
});
}
意思是,它显示为模态弹出但不是停留比如modal弹出而不是我的ProductCode.ASPX在网站上打开。
我在这里遗漏了什么。
你能帮帮我吗?
I have a textbox, on Keypress event of Text box, is the JavaScript function like below with Jquery Modal pop up.
function getfoc() {
debugger;
$("#modal_PrdCddialog").load('ProductCode.aspx', function () {
$(this).dialog({
title: "Select the Product Code to fill the Tire size",
autoOpen: true,
modal: true,
height: 350,
width: 450,
buttons: {
Close: function () {
$(this).dialog('close');
}
}
}).prev(".ui-dialog-titlebar").css("background", "blue");
//window.open('ProductCode.aspx', 'popUpWindow', 'height=300,width=600,left=100,top=30,resizable=Yes,scrollbars=Yes,toolbar=no,menubar=no,location=no,directories=no, status=No')
});
}
Meaning, it is showing as modal pop up but it is not staying like modal pop up instead my ProductCode.ASPX is opening as page in the website.
Am I missing something here.
Could you please help me with this?("#modal_PrdCddialog").load('ProductCode.aspx', function () {
(this).dialog({
title: "Select the Product Code to fill the Tire size",
autoOpen: true,
modal: true,
height: 350,
width: 450,
buttons: {
Close: function () {
(this).dialog('close');
}
}
}).prev(".ui-dialog-titlebar").css("background", "blue");
//window.open('ProductCode.aspx', 'popUpWindow', 'height=300,width=600,left=100,top=30,resizable=Yes,scrollbars=Yes,toolbar=no,menubar=no,location=no,directories=no, status=No')
});
}
Meaning, it is showing as modal pop up but it is not staying like modal pop up instead my ProductCode.ASPX is opening as page in the website.
Am I missing something here.
Could you please help me with this?