$.fn.appendDropdown = function (dropdown$) {
dropdown$
.width(this.innerWidth())
.mouseleave(function () {
dropdown$.hide();
}).css(
{
position: "absolute",
top: this.position().top + parseFloat(this.outerHeight()),
left: this.position().left
});
dropdown$.parent().mouseleave(function () {
dropdown$.hide();
});
this.click(function () {
dropdown$.show();
});
}
使用举例:
$('.reftree-ztree-container').each(function () {
var container$ = $(this); //下拉框所在的层
var text$ = container$.prevAll(':text'); //文本框
text$.appendDropdown(container$);
})
分享到:
相关推荐
jQuery点击文本框下拉菜单城市选择代码
jQuery点击文本框下拉菜单城市选择代码
jQuery input文本框点击下拉菜单选择代码
jQuery input文本框城市下拉菜单选择代码
jQuery input文本框点击下拉选择代码是一款鼠标点击input文本框下拉菜单选择代码。
jquery 点击文本框弹出热门标签 自动补全信息
Jquery多选文本框Jquery多选文本框Jquery多选文本框Jquery多选文本框
jquery点击text文本框弹出省市地区城市选择器
jQuery input文本框点击出现下拉选择框特效源码.zip
jquery input文本框模拟select选择框获取选定 jquery input文本框模拟select选择框获取选定 jquery input文本框模拟select选择框获取选定
jQuery计算文本框可输入字数代码基于jquery-2.2.3.min.js制作,动态计算文本框可输入字数统计。
jQuery input点击文本框三级联动下拉菜单代码 jQuery input点击文本框三级联动下拉菜单代码 jQuery input点击文本框三级联动下拉菜单代码
jquery表单文本框添加文字标签 jquery表单文本框添加文字标签 jquery表单文本框添加文字标签 jquery表单文本框添加文字标签
代码片段: $('.box-5 dl').each(function(){ $(this).dragging({ move : 'both', randomPosition : true , hander:'.hander' }); });
jquery实现动态添加文本框和下拉框效果。
对登录注册文本框的自动验证,邮箱验证,弹出日期牌等
jquery 弹出层jquery 弹出层jquery 弹出层jquery 弹出层jquery 弹出层
jQuery标签点击搜索文本框弹出热门标签关键字选择 jQuery标签点击搜索文本框弹出热门标签关键字选择
jQuery插件 文本框、文本域 光标处插入代码 免费就是强大, 大家一起共享哈....