读书人

带母版页的Jquery弹出层弹不出来了请

发布时间: 2013-06-25 23:45:42 作者: rapoo

带母版页的Jquery弹出层弹不出来了,请教!

 
$("#phonetype").click(function () {
$.layer({
type: 2,
title: ['机型选择', false],
iframe: { src: '1.aspx' },
area: ['980px', '500px'],
offset: ['80px', '20%'],
closeBtn: [0, true],
shadeClose: true
});
})

以上代码放在B.aspx页面,运行正常,可以弹出层,也可以正常操作
当把B.aspx加入到母版页A.master后,就不能正常工作了,点击以后没有反应,请问是怎么回事

B页面移入母版页后,jquery-1.9.1.min.js,jquery-ui-1.8.20.custom.min.js,layer.min.js三个文件也移到母版页了
[解决办法]
母板页中的id已经不是服务器控件的id了,如果服务器控件,则客户端应该写
$("#<%=phonetype.ClientID%>").click(function ()....

其他代码类似
[解决办法]
因为你控件id变了,如果没有必要,使用客户端的控件,而不是服务器端的,这样id就不会变了,看你的要求应该不需要服务器端的控件。

一定要用服务器端控件,你可以查看B.aspx客户端源代码id变成什么样的了,然后修改1.aspx中的id

或者将id保存到js变量中

b.aspx
var phonetype='<%=phonetype.ClientID%>';//////////
var phoneid='<%=phoneid.ClientID%>'
$("#"+phonetype).click(function () {///////////////
$.layer({
type: 2,
title: ['机型选择', false],
iframe: { src: '1.aspx' },
area: ['980px', '500px'],
offset: ['80px', '20%'],
closeBtn: [0, true],
shadeClose: true


});
})



1.aspx
   $(function () {
$("input[type='button']").click(function () {
$("#"+window.parent.phonetype, /////////////
window.parent.document).val($(this).prev(["input"]).val());
$("#"+window.parent.phoneid/////////
, window.parent.document).val($(this).next(["input"]).val());
var index = parent.layer.getFrameIndex();
parent.layer.close(index);

});
})

读书人网 >Ajax

热点推荐