关闭和打开两个模型弹出窗口随后在按钮's使用JQuery的Click事件
Closing and opening two model pop-ups subsequently on a Button's Click event using JQuery
我正在使用JQuery打开和关闭一个模型弹出窗口。
//Function to open pop-up
function UserSignupModalpopupFromSubDomain(guid,title)
{
var srcFile = "../ModelPopup/SignUpPopup.aspx";
if (guid) srcFile += '?location=' + guid+'&title=' + title; /* sample code to append a unique user ID to page called */
var cFrame = new Element('iframe').setProperties({id:"iframe-signup", name:"iframe-signup", height:'420px', width:'584px', frameborder:"0", scrolling:"no"}).injectInside(document.body);
$('iframe-signup').src = srcFile;
customModalBox.htmlBox('iframe-signup', '', 'Sign up');
$('mb_contents_Popup').addClass('yt-Panel-Primary_Popup');
new Element('div').setHTML(' ').setProperty('id','mb_Error_Popup').injectTop($('mb_center_Popup'));
new Element('h2').setHTML('Sign UP').setProperty('id','mb_Title_Popup').injectTop($('mb_contents_Popup'));
// $('mb_center').setStyle('z-index','2005');
// $('mb_overlay').setStyle('z-index','2004');
$('mb_center_Popup').setStyle('z-index','2005');
$('mb_overlay_Popup').setStyle('z-index','2004');
}
// pop-up close function
function UserSignUpClose() {
$('mb_close_link').addEvent('click', function() {
//if($('yt-UserProfileContent1')) $('yt-UserProfileContent1').remove();
if($('iframe-signup')) $('iframe-signup').remove();
if($('mb_Title_Popup')) $('mb_Title').remove();
if($('mb_contents_Popup')) $('mb_contents_Popup').removeClass('yt-Panel-Primary_Popup');
if($('mb_Error_Popup')) $('mb_Error_Popup').remove();
$('mb_overlay_Popup').setStyle('z-index','1600');
});
}
当我们与弹出窗口的"取消"按钮一起使用时,关闭功能运行良好。
但我想关闭一个打开的弹出窗口,然后使用相同的链接按钮打开一个新的弹出窗口。为此,我在aspx.cs页面的Page_load上尝试了如下操作:
lnkButton.Attribues.Add("onClick","UserSignUpClose();");
lnkButton.Attribues["onClick"]+="UserSignupModalpopupFromSubDomain(location.href,document.title);";
但它不起作用当我尝试获取和使用它的id时,我无法获取它的属性,如id和type以及innerHTML。
事先谢谢。
您将iframe-signup
、mb_Error_Popup
和mb_Title_Popup
指定为元素的id,但使用$('iframe-signup').src = srcFile;
来提取元素用于选择带有id的元素的jQuery语法如下
$('#iframe-signup').src = srcFile; // the # sign
对所有此类选择执行相同操作
相关文章:
- Jquery:输入类型=“”;按钮“;使用.click()函数在Internet Explorer和Safari中不起作
- 一旦用jquery更改了类,按钮就没有响应click
- jQuery-click函数不适用于使用innerHTML动态生成的按钮
- 为什么ng-click被称为按钮被点击的次数
- 在Angular中绑定剑道网格按钮's ng click
- .click()不会't续订按钮状态
- 如何阻止一个Submit按钮运行Submit Click功能
- jQuery click()多次输出错误按钮的信息
- 为什么asp按钮的java脚本click()函数在chrome浏览器中不起作用
- jQuery .click 在动态加载按钮上不起作用
- 禁用按钮仍然使用“.click()”触发
- JavaScript/jQuery .click() 按钮问题
- .click() 和实际单击按钮之间的区别?(javascript/jQuery)
- JavaScript 按钮不会自动触发 Click 事件
- 重复的按钮不起作用 click();
- jquery:制作按钮click&json调用一起工作,但保持它们分离
- 按钮Click的普通回发和javascript中使用__doPostBack的回发之间的差异
- 从iframe更改按钮click上的jquery当前选项卡
- Jquery按钮click()函数不起作用
- 如何编写调用asp.net按钮click()事件的javascript函数