首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

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

2013-06-25 
带母版页的Jquery弹出层弹不出来了,请教! $(#phonetype).click(function () {$.layer({type: 2,title: [

带母版页的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);
 
        });
    })

热点排行