日期:2014-05-16  浏览次数:20812 次

带母版页的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],