解决semanticUI下拉框、popup等一系列模块无法展示效果问题
2020-07-04 14:05
190 查看
在使用semanticUI,初期忽视了一个小细节,认为无关紧要,导致后面使用popup组件无效果,卡了一天,最后使用了绝对位置来代替。后面使用下拉框也失效,忍无可忍,就硬肝!
代码没毛病。
[code]<div class="ui fluid multiple search selection dropdown"> <input type="hidden" name="country"> <i class="dropdown icon"></i> <div class="default text">选择国家</div> <div class="menu"> <div class="item" data-value="af"><i class="af flag"></i>Afghanistan</div> <div class="item" data-value="ax"><i class="ax flag"></i>Aland Islands</div> <div class="item" data-value="al"><i class="al flag"></i>Albania</div> </div> </div>
最后发现是引入的jq和semantic.js顺序不对。。。
因为使用semantic的一些组件需要用到jq,所以必须要在semantic.js前引入jq,调换顺序后完美解决。
最后也提醒一点,使用semantic的下拉框需要先初始化模块。
[code]<script> $('.ui.dropdown').dropdown(); </script>
相关文章推荐
- 解决:windows下npm安装的模块执行报错:无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称等一系列问题
- img标签src使用网络地址展示图片,https。。无法显示,404 问题解决办法
- C#开发中提示无法加载DLL"***.dll":找不到指定的模块(异常来自HRESULT:0x8007007E)问题的解决办法
- 关于Delphi2007 Remote Data Module 模块无法注册的问题的解决
- 完美解决64位操作系统配置 php无法加载mysql模块问题
- 完美解决Ubuntu9.04 无法启用桌面效果的问题
- ubuntu16.04.01解决安装vsftpd服务,ftp连接后无法展示目录,连接失败的问题
- 解决windows下php无法装入domxml.dll模块的问题
- 完美解决Ubuntu9.04 无法启用桌面效果的问题
- 解决“iOS 7 app自动更新,无法在app中向用户展示更新内容”问题
- 解决windows下angular2无法成功下载模块问题
- 解决Fedora Core 4中Apache无法加载PHP模块的问题
- SSH框架整合之Maven各模块之间类无法调用问题解决
- CFileDialog改变文件路径导致的一系列问题(如无法安全删除u盘、访问相对路径失败)的解决方法
- 解决Highcharts点太多,造成无法正常展示问题
- 解决yarn全局安装模块后但仍提示无法找到命令的问题
- 关于无法加载DLL"***.dll":找不到指定的模块(异常来自HRESULT:0x8007007E)问题的解决办法
- Python学习第一步—解决无法导入自己写的模块的问题
- 解决Fedora Core 4中Apache无法加载libphp4.so模块的问题
- bugzilla更新出现perl模块无法安装问题解决办法