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（）{

< 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在网站上打开。



我在这里遗漏了什么。

你能帮帮我吗？

Hello Experts,

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?

这篇关于Jquery Modal弹出CSS不起作用。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！