可以选择用window.open()和chosen插件结合使用,这样就不会有冲突。

chosen插件的使用:

1、先把js和css文件引用到网页里面去:

<link href="js/jqueryUI/chosen/chosen.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="js/jquery.1.4.4.min.js"></script>

<script type="text/javascript" src="js/jqueryUI/chosen/chosen.jquery.js"></script>

2、创建一个select元素,如下:

<select name="dept" style="width: 150px;" id="dept" class="dept_select">

<option value="部门1">部门1</option>

<option value="部门2">部门2</option>

<option value="部门3">部门3</option>

<option value="部门4">部门4</option>

<option value="部门5">部门5</option>

</select>

3、然后在js中调用Chosen定义的方法:

$(function(){

$('.dept_select').chosen();

});

4、搞定收工,屌丝立马变成高富帅有木有~

chosen(下拉列表带搜索插件)和layer(弹出框插件)在一起使用会有冲突,解决办法相关推荐

  1. 弹出框插件layer使用

    layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 插件官方地址:http://layer.layui.co ...

  2. layer弹出层闪退_jQuery使用Layer弹出层插件闪退问题

    一.前言 巨坑,基础没学好,导致找了一个下午的问题,终于被我发现了.说多都是泪,记录下来,以后有人遇到这个错误可以参考下 做项目期间做了几个页面,需要用到弹出层,为了方便使用到了Layer的插件,然后 ...

  3. messagrbox自定义按钮c语言,基于dialogbox修改可自定义按钮及事件的弹出框插件

    插件描述:基于dialogbox1.0修改可自定义按钮及事件的弹出框插件,每个按钮可绑定单独的触发事件,并且能支持将弹出框作为一个表单来填入数据并获取 $('body').dialogbox({ ty ...

  4. Bootstrap入门(二十九)JS插件6:弹出框

    Bootstrap入门(二十九)JS插件6:弹出框 加入小覆盖的内容,像在iPad上,用于存放非主要信息 弹出框是依赖于工具提示插件的,那它也和工具提示是一样的,是需要初始化才能够使用的 首先我们引入 ...

  5. 前端常用插件之artDialog弹出框

    前端常用插件之artDialog弹出框 最近,发现一个插件--好看精致的页面弹出框,个人觉得有必要与大家分享一下,它就是artDialog弹出框. 引用上一篇文章<前端常用插件之art-temp ...

  6. chrome弹出窗口透明化(chrome看不清文字)解决办法

    chrome弹出窗口透明化(chrome看不清文字)解决办法 前言 症状 解决办法 前言 在两个一样系统,一样镜像,一样版本的vm上安装一样版本的chrome,结果有一个电脑的chrome就出现了一些 ...

  7. html登入弹框插件,基于jQuery的弹出框插件

    html如下: $(function() { $("#btn01").popwin({ element: "#box01", title: "请填写以 ...

  8. 关于使用layer弹出框展现echarts不显示的问题

    html页面是这样的 <div id="showScoreDetail" style="display: none;"><div class= ...

  9. jQuery引起的用layer弹出层上传文件不能获取文件名的解决(thinkphp5)

    一.问题 在用thinkphp5做到用layer弹出层上传文件过程中,一直不能成功.详细代码如下: HTML代码: <div id="importBox" v-show=&q ...

最新文章

  1. mysql分页取数每一页生成xml_让MyBatis Generator产生的代码支持分页
  2. RabbitMQ的missingQueuesFatal参数
  3. java调用julia脚本,Julia请求脚本中的用户输入
  4. 第十六周项目3-有相同数字?
  5. oracle数据库安装HotSpot,Oracle准备将Java虚拟机 JRockit 和 Hotspot 集成
  6. lighthouse使用_如何在CircleCI中使用Lighthouse
  7. WPF中的DesignMode判断
  8. android分屏模式_浅谈 Android 7.0 多窗口分屏模式的实现
  9. 自定义xadmin后台首页
  10. 利用python对图像进行傅里叶变换_Python 实现图像快速傅里叶变换和离散余弦变换...
  11. 业务、架构、技术,我们应该关注什么 Java和.Net的优势劣势简单看法 市场经济决定,商业之道即是软件之道,市场的需求决定着软件技术的发展 利益决定着选择应用新技术...
  12. Javascript特效:图片切换(类似于电商网站图片查看)的封装实现和闭包实现
  13. 算法 判断多个点是否在同一圆周线上_回溯算法|追忆那些年难到我们的八皇后问题
  14. 虚拟IP技术-VIP 与 负载均衡
  15. 浏览器html中加入word,web网页中加载word
  16. 实录 | 清华大学计算机学生课外技术活动开放日专场博论(PPT下载)
  17. iPhoneX APP界面设计尺寸图-庞姿姿
  18. javascript中mouseover和mouseout事件详解
  19. 构建SaaS化平台产品的建议
  20. 众言科技SVP郭晓波做客东南大学:选对池塘钓大鱼 | 校企互通

热门文章

  1. 2022虎符 the_shellcode
  2. 一个博弈游戏,据说智商130才看的懂
  3. 2017下半年掘金日报优质文章合集:Android篇,android开发工程师
  4. Dmoz对Google的PageRank影响(转)
  5. warning: function returns address of local variable(函数参数返回错误)
  6. CTR---DIN原理,及deepctr组网实现DIN
  7. 【学浪下载教程】02学浪下载之Fiddler学浪插件配置
  8. 【C】C语言核心知识点总结(Reference Manual)
  9. c++中无名命名空间的使用
  10. 大连理工计算机学硕能调剂到专硕吗,专家提醒:学硕调剂到专硕的注意事项