博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
Java MyBatis 插入数据库返回主键
查看>>
【转载】定制类
查看>>
myeclipse的一些优化设置
查看>>
mysql设置外部访问[转]
查看>>
python -m 命令单独运行一个文件,怎么解决单独运行文件报错?
查看>>
HDU-1274
查看>>
POJ 3041 Asteroids(二分图模板题)
查看>>
Lambda表达式
查看>>
行业感慨
查看>>
10. 定位frame中的元素
查看>>
iOS 开发工具
查看>>
MySQL中Index与Key的区别
查看>>
Spring JDBC 【注入JdbcTemplate】
查看>>
Maven安装最佳实践(Windows平台)
查看>>
vue----webpack----对vuex的理解
查看>>
vue + elementui 中的弹窗组件封装成公共组件
查看>>
Java ZIP压缩文件使用总结
查看>>
jmeter奇淫妙计之遍历sql多列结果集
查看>>
Js_图片轮换
查看>>
C#语句,console,C#//,/**/
查看>>