博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在控件处弹出层
阅读量:5071 次
发布时间:2019-06-12

本文共 1682 字,大约阅读时间需要 5 分钟。

//品牌地标弹出层(function($){$.fn.bgIframe = $.fn.bgiframe = function(s) {    if ( $.browser.msie && /6.0/.test(navigator.userAgent) ) {        s = $.extend({            top     : 'auto', // auto == .currentStyle.borderTopWidth            left    : 'auto', // auto == .currentStyle.borderLeftWidth            width   : 'auto', // auto == offsetWidth            height  : 'auto', // auto == offsetHeight            opacity : true,            src     : 'javascript:false;'        }, s || {});        var prop = function(n){
return n&&n.constructor==Number?n+'px':n;}, html = ''; return this.each(function() { if ( $('> iframe.bgiframe', this).length == 0 ) this.insertBefore( document.createElement(html), this.firstChild ); }); } return this;};})(jQuery);jQuery.fn.selectCity = function(targetId) { var _seft = this; var targetId = $(targetId); this.click(function(){ var A_top = $(this).offset().top + $(this).outerHeight(true); // 1 var A_left = $(this).offset().left; targetId.bgiframe(); targetId.show().css({
"position":"absolute","top":A_top+"px" ,"left":A_left+"px"}); }); targetId.find(".tagClose").click(function(){ targetId.hide(); }); $(document).click(function(event){ if(event.target.id!=_seft.selector.substring(1)){ targetId.hide(); } }); targetId.click(function(e){ e.stopPropagation(); // 2 }); return this;}$("#txtName").selectCity("#questionTypeDivBox");

 

原来上面那段代码就是jquery.bgiframe.js。可以让弹出层在选择框之上显示。Jquery.fn.selectCity这个点击外面弹出层就消失的代码。

转载于:https://www.cnblogs.com/hougelou/p/3272968.html

你可能感兴趣的文章
Mobiscroll脚本破解,去除Trial和注册时间限制【转】
查看>>
实验五 Java网络编程及安全
查看>>
32位与64位 兼容编程
查看>>
[数据库]关于三个比较典型的数据库试题(1.找到员工表中工资最高的前三名;2.找到员工表中薪水大于本部门平均薪水的员工;3.统计每年入职的员工个数)...
查看>>
iframe父子页面通信
查看>>
ambari 大数据安装利器
查看>>
java 上传图片压缩图片
查看>>
magento 自定义订单前缀或订单起始编号
查看>>
ACM_拼接数字
查看>>
计算机基础作业1
查看>>
Ubuntu 深度炼丹环境配置
查看>>
C#中集合ArrayList与Hashtable的使用
查看>>
从一个标准 url 里取出文件的扩展名
查看>>
map基本用法
查看>>
poj-1163 动态规划
查看>>
Golang之interface(多态,类型断言)
查看>>
Xshell5显示乱码问题
查看>>
移动端开发兼容性处理整理
查看>>
Jzoj5451【NOIP2017提高A组冲刺11.4】Genocide(待补充)
查看>>
input的disable和readonly
查看>>