带母版页的Jquery弹出层弹不出来了，请教！-CSDN论坛

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

Web 开发 > Ajax

收藏回复

[问题点数：40分，结帖人zznice]

⋅ORACLE删除重复记录求优化 ⋅jquery页面取值问题 ⋅带母版页的Jquery弹出层弹不出来了，请教！ 更多帖子 关注私信空间博客 zznice 等级 本版专家分：1043 结帖率 100%

 

$("#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三个文件也移到母版页了

2013-05-19 05:25:59

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅孟子E章的留言板 ⋅2015年3月21日AppCan移动创业技术免费分享会（北京站） ⋅CSDN带你回家过年，火车票转让信息专用贴 更多帖子 关注私信空间博客 版主 孟子E章 等级 本版专家分：506037 勋章 名人 2019年荣获名人称号 年度总版至少三次排名前十即授予名人勋章 榜眼 2012年总版技术专家分年内排行榜第一 2007年总版技术专家分年内排行榜第二 2006年总版技术专家分年内排行榜第二 2004年总版技术专家分年内排行榜第二 探花 2005年总版技术专家分年内排行榜第三 2003年总版技术专家分年内排行榜第三 2002年总版技术专家分年内排行榜第三 进士 2011年总版技术专家分年内排行榜第六 2010年总版技术专家分年内排行榜第八: 母板页中的id已经不是服务器控件的id了，如果服务器控件，则客户端应该写
$("#<%=phonetype.ClientID%>").click(function ()....

其他代码类似

2013-05-19 09:37:32

点赞只看TA 引用举报 #1得分 30

⋅ORACLE删除重复记录求优化 ⋅jquery页面取值问题 ⋅带母版页的Jquery弹出层弹不出来了，请教！ 更多帖子 关注私信空间博客 zznice 等级 本版专家分：1043



<script>

    $(function () {

        $("input[type='button']").click(function () {

            $("#phonetype", window.parent.document).val($(this).prev(["input"]).val());

            $("#phoneid", window.parent.document).val($(this).next(["input"]).val());

            var index = parent.layer.getFrameIndex();

            parent.layer.close(index);



        });

    })

</script>

谢谢版主，按您的方法，搞定了，但是新问题出来了
上面的代码是放在1.aspx里用于通过点击按钮将值传给B.aspx页面的，之面可以，但是将B页加入到母版页后，上面的代码不能传值到B页了，我设成
$("#<%=phonetype.ClientID%>", window.parent.document).val($(this).prev(["input"]).val());

也不行

2013-05-19 12:23:20

点赞只看TA 引用举报 #2得分 0

⋅ORACLE删除重复记录求优化 ⋅jquery页面取值问题 ⋅带母版页的Jquery弹出层弹不出来了，请教！ 更多帖子 关注私信空间博客 zznice 等级 本版专家分：1043: 用母版本还真是闹心啊，之前用都正常，加了母版页就麻烦来了

2013-05-19 12:26:26

点赞只看TA 引用举报 #3得分 0

⋅ORACLE删除重复记录求优化 ⋅jquery页面取值问题 ⋅带母版页的Jquery弹出层弹不出来了，请教！ 更多帖子 关注私信空间博客 zznice 等级 本版专家分：1043: 引用 1 楼 net_lover 的回复:
母板页中的id已经不是服务器控件的id了，如果服务器控件，则客户端应该写
$("#<%=phonetype.ClientID%>").click(function ()....

其他代码类似
谢谢版主，还有一事请教您，就是从弹出层里怎么传值到带母版页的子页上的控件

2013-05-20 00:12:14

点赞只看TA 引用举报 #4得分 0

⋅vs2019页面的HTML标记状态栏怎么没有了？ ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 更多帖子 关注私信空间博客 版主 GoCityPass新加坡... 等级 本版专家分：395875 勋章 探花 2017年总版技术专家分年内排行榜第三 进士 2018年总版新获得的技术专家分排名前十 2013年总版技术专家分年内排行榜第五 金牌 2018年5月总版技术专家分月排行榜第一 2018年4月总版技术专家分月排行榜第一 2018年2月总版技术专家分月排行榜第一 2017年8月总版技术专家分月排行榜第一 银牌 2018年3月总版技术专家分月排行榜第二 2017年11月总版技术专家分月排行榜第二 2016年2月总版技术专家分月排行榜第二 2014年2月总版技术专家分月排行榜第二 2013年4月总版技术专家分月排行榜第二

因为你控件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);

 

        });

    })

2013-05-20 22:02:46

点赞只看TA 引用举报 #5得分 10

引用 5 楼 showbo 的回复:

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);

 

        });

    })

你好，版主，按您的方法试了一下，还是不行，关于b.aspx这个页面，我没采用AJAX方式，而是放了一个表单，上面放了N个服务器控件，用于向数据库插入记录用的。

2013-05-20 23:30:50

点赞只看TA 引用举报 #6得分 0

⋅vs2019页面的HTML标记状态栏怎么没有了？ ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 更多帖子 关注私信空间博客 版主 GoCityPass新加坡... 等级 本版专家分：395875 勋章 探花 2017年总版技术专家分年内排行榜第三 进士 2018年总版新获得的技术专家分排名前十 2013年总版技术专家分年内排行榜第五 金牌 2018年5月总版技术专家分月排行榜第一 2018年4月总版技术专家分月排行榜第一 2018年2月总版技术专家分月排行榜第一 2017年8月总版技术专家分月排行榜第一 银牌 2018年3月总版技术专家分月排行榜第二 2017年11月总版技术专家分月排行榜第二 2016年2月总版技术专家分月排行榜第二 2014年2月总版技术专家分月排行榜第二 2013年4月总版技术专家分月排行榜第二: 有多个控件你要增加多个js变量来记录对应的客户端id，楼主学下基础的html吧，少用些服务器控件

2013-05-21 09:21:26

点赞只看TA 引用举报 #7得分 0

问题解决了，相信还会有很多人会遇到这个问题，现将解决方法分享出来，供大家参考，这个是微软的问题，具体的说是.net加载母版页后，服务器控件加载到客户端后，ID会改变，造成JS取到的值与后台控件设定的ID不一致，网上有三种方法解决，如楼上几位版主所述的方法，如注册下服务器控件，如在JS按服务生成ID的规则拼接ID等，但都有各自的缺点，微软可能也发现了这个问题，所以在在ASP.NET 4.0中的每个控件上都多了一个叫做ClientIDMode的属性，这就是解决上面获取控件ID难的解决方案。这个属性有四个可选值，根据所选值的不同它可以控制页面上生成控件的ID格式。
现在我们可以通过设置控件的ClientIDMode修改clientId的输出形式，例如下面代码：

[code=csharp
<asp:TextBox ID="txtPredictable" runat="server" ClientIDMode="Predictable"></asp:TextBox>
    <asp:TextBox ID="txtAutoID" runat="server" ClientIDMode="AutoID"></asp:TextBox>
    <asp:TextBox ID="txtInherit" runat="server" ClientIDMode="Inherit"></asp:TextBox>
    <asp:TextBox ID="txtStatic" runat="server" ClientIDMode="Static"></asp:TextBox>

[/code]

将分别输出



<input name="ctl00$MainContent$txtPredictable" type="text" id="MainContent_txtPredictable" /> 

    <input name="ctl00$MainContent$txtAutoID" type="text" id="ctl00_MainContent_txtAutoID" /> 

    <input name="ctl00$MainContent$txtInherit" type="text" id="MainContent_txtInherit" /> 

    <input name="ctl00$MainContent$txtStatic" type="text" id="txtStatic" />

2013-05-22 03:03:10

点赞只看TA 引用举报 #8得分 0

⋅ORACLE删除重复记录求优化 ⋅jquery页面取值问题 ⋅带母版页的Jquery弹出层弹不出来了，请教！ 更多帖子 关注私信空间博客 zznice 等级 本版专家分：1043: 再次感谢两位版主的热心解答，谢谢！

2013-05-22 03:07:27

点赞只看TA 引用举报 #9得分 0

收起

收藏回复

zznice

等级：

关注私信 TA的帖子

Jquery 无法获取页面对象+.net母版页: 在.net 中用了模板页之后在用$("#dzkehuduanDTImage")

ASP.NET_母版页嵌套母版页: 母版页的嵌套先创建一个空的项目，待用添加主母版页 母版页 Main.Master <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Main.master.cs" Inherits="Demo.Main" %> <!DOCTYPE html>...

母版页中弹出模式对话框，并获取返回值: Register.aspx页面是实现用户的注册，注册时需要选择用户所在单位...1、编写弹出模式对话框的脚本 ////////////////////////////////////////////////////////////////////////// // 打开模式对话框 // orgID：机构代

母版页: 母版页母版页的目的就是从内部建立支持网页模板的功能，以实现网站一致性要求。母版页的功能（两个包含，一个结合）两个包含——指将页面分为非公共部分和公共部分，并且两者被分别包含在两个文件中。一个结合...

mvc 母版页保持不刷新: //比如这是左边菜单栏 <ul class="treeview-menu" id="left_menu"> <li><a href="@Url.Action("Index", "UserManage")" data-ajax-update="#main" data-ajax="true">&...

MVC母版页异步加载子页面: 1.用ajax的方式实现异步加载子页面：function MasterPageJump(Url) { $.ajax({ url: Url, type: "GET", success: function (response) { $('#ma...

【SharePoint】SharePoint2019整个站点匿名后，访问引用自定义母版页的自定义页面时弹出登录对话框问题解决: SharePoint整个站点设置匿名后，访问页面可以匿名访问，但是访问引用自定义母版页的自定义页面时还是弹出登录对话框，针对此情况，解决方案如下修复访问引用自定义母版页的自定义页面时弹出登录对话框问题 1、...

mvc5视图view不使用默认母版页: @{ Layout = null;} 转载于:https://www.cnblogs.com/blueGao/p/10214880.html

asp.net-母版页设计: 先引入几个图片：

母版页和母版页子页面中的jquery对服务器控件元素的操作: 母版页和母版页子页面中的jquery对服务器控件元素的操作

ASP.NET 母版页（嵌套、访问母版页的控件和属性）: 文章目录@[toc]一、母版页的嵌套二、访问母版页的控件和属性1、使用Master.FindControl()方法访问母版页上的控件2、引用@MasterType指令访问母版页上的属性友情链接：母版页的概述与创建一、母版页的嵌套嵌套...

ASP.NET 母版页: 创建母版页的步骤：第一步：打开“Microsoft Visual Studio 2010”程序，选择“文件”—“新建”—“项目”，弹出新建项目模版，选择“Web”—“ASP.NET应用程序”，要注意是选择“.NET Framework 3.5”。...

asp.net母版页学习总结: Asp.Net母版页的使用 http://www.cnblogs.com/xqhppt/archive/2010/10/10/1847348.html 背景：回顾下以前用到过的asp.net控件介绍：　使用 ASP.NET 母版页可以为应用程序中的页创建一致的布局。...

Asp.Net母版页和内容页运行机制: 从上面的讲解中可以看出，单独的母版页是不能被用户所访问的。没有内容页支持，母版页仅仅是一个页面模板，没有更多的实用价值。同样道理，单独的内容页没有母版页的支持，也不能够应用。这两者是不可分割的，只有...

嵌套母版页的窗体，js或jQuery没响应的原因: 以前一直没怎么用过ASP.NET中的母版，遇到个问题，页面中的jQuery代码本来没问题，套上母版后就有问题了，查看源代码发现原来是控件的id发生了变化，自动在原有id的前面加上了了前缀:ContentPlaceHolder1_。...

ASP.NET母版页（Razor主版页面框架）: 本篇主要介绍Razor主版页面语法（ASP.NET母版页）语法，及Razor页面执行顺序和数据传递问题。

webform母版页: 一、简单方法创建母版页 1.在项目中创建母版页并编写需要的内容创建嵌套母版页 放在那里不要动，然后创建webfrom窗体在<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind=&...

母版页的jQuery效果在视图页失效: 在母版页有如下的jQuery导入：在视图页为了配合bootstrap-table，所以也导入了Jquery。（如果没有导入，会导致bootstrap-table无法显示)，如下图：问题出现：在视图页导入之后，母版页的jQuery都失效。 ...

asp.net母版页实现文本阅读实例: .master代码如下： $(document).ready(function () { $("#div_right div").mouseover(function () { $("a", this).show(); });

asp.net 嵌套母版页(实例演示): asp.net 嵌套母版页(实例演示) 包含有母版页、嵌套母版页、2个内容页可以直观的看到嵌套母版页应用的效果。

MVC中某个页面不需要引用母版页的正确写法: 有些页面想使用单独的样式不想用母版页的时候，可以在开始声明下，就可以不用母版页的CSS和JS引用了语法如下： @{Layout = "";} 。非常之简单转载于:https://www.cnblogs.com/llcdbk/p/6917808.html...

【ASP.NET】第五课——搭建风格统一的Web站点、母版页和内容页的使用、站点地图、用户控件的使用: 知识点：理解母版页的作用、掌握创建母版页和内容页的方法、掌握常用的导航控件用法、掌握用户控件的用法本课将讲解 ASP.NET 中的母版页、导航控件（TreeView 和 SiteMapPath）和用户控件。这些知识点的共性是...

谁那里有ASP.NET的母版页下载呀？急求！！！: 谁那里有ASP.NET的母版页下载呀？急求！！！谁那里有ASP.NET的母版页下载呀？急求！！！

在Visual Studio 2012 for Web中找不到“使用母版页的Web窗体”: 这个问题在网上搜索只找到一遍类似文章，但是跟我的情况还不一样，总结了一下，使用母版页创建一个Web窗体根据自己的VS有三种不同的方式：图一跟我现在书上写的一样，我的VS2012Express for Web却没有...

ASP.NET网站开发--母版页: 1、母版页概述每个网站都需要具有统一的的风格和布局，例如：整个网站具有相同的网页头尾、导航栏、功能条以及广告区等。对于这一点，这不仅提高了工作效率、降低开发和维护强度，还提供了强有力的支持；1.1，母版页...

webfrom 母版页: ASP.NET中母版页作用一是提高代码的复用（把相同的代码抽出来）二是使整个网站保持一致的风格和样式。 母版页存在就一定要有内容页的存在，否则母版页的存在就没有了意义。 .master 一、添加母版页 在新建...

WebForm 母版页使用: 首先来说一下什么是母版页: 母版页可以为应用程序中的页...母版页的扩展名以.master结尾，不能被浏览器直接查看。母版页必须在被其他页面使用后才能进行显示。它的使用跟普通的页面一样，可以可视化的设计，也可...

七夕情人节表白HTML源码(两款): 七夕节、情人节表白用的HTML源码(两款)

jd_seckill京东抢茅台插件最新版【京东飞天茅台1499抢购】Python脚本的完整安装+使用教程: jd_seckill京东抢茅台插件最新版【京东飞天茅台1499抢购】Python脚本的完整安装+使用教程，这个很好用，稳定出单！

SecureCRT中文破解版: SecureCRT中文破解版欢迎大家下载，非最新版本！！！

相关热词 c# 设置窗体为激活 c# 同步发送 c# 多进程锁 c# 读取类的属性和值 c# out 使用限制 c#获取url的id c# update 集合 c# 公众号菜单 c#for迭代 c#指针应用