为什么这个jQuery颜色选择器在引导模式中失败
Why does this jQuery color picker fail within a Bootstrap modal?
我正在使用来自 http://colpick.com/plugin 的优秀jQuery颜色选择器
它在"正常"情况下正常工作,但在 Bootstrap 3 模式中找到输入父元素时不会显示选取器。
这有效:
<div class="container">
<div class="row">
<div class="col-md-6">
<input type="text" id="colorPick1" class="colorPick"/>
</div>
</div>
</div>
但是引导模式中的相同内容无法显示选取器:
<div class="modal-body">
<div class="row">
<div class="col-md-6">
<input type="text" id="colorPick2" class="colorPick"/>
</div>
</div>
</div>
有没有办法在引导模式中使用此颜色选择器?
谢谢
问题是z-index
只需在 css 类中添加此行即可正常工作。
.colpick {
z-index: 9999;
}
杰斯菲德尔演示
相关文章:
- Javascript,访问一个主要对象模块模式中的每个对象
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 试图在引导模式内动态生成图表,得到offsetWidth错误
- 同位素库错误:未捕获错误无布局模式包装生产线8
- 在DOM中查找一个模式并替换它's的内容使用jquery
- 如何缩短MongoDB ObjectId并在Mongoose模式中使用它
- 当json解析空响应时,Whatwg-Fetch失败,我该如何防止它
- 当我在chrome中切换设备模式时,$http.get请求失败
- Html<输入模式>使用JavaScript处理-超过时失败
- SonarQube 预览模式失败,并显示 500 错误
- Web API 调用在设备模式下失败
- 如果我超过一定数量的模式,则使用parcely.js的Regex过滤器将失败
- 为什么这个jQuery颜色选择器在引导模式中失败
- 用于处理成功、失败、重试的异步请求的设计模式?(JavaScript)
- 引导模式窗口并多次包含Javascript文件失败
- Regex-正则表达式模式在URL GET参数上失败
- Rails模式表单-在表单提交失败后,用html.erb文件中的内容更新弹出窗口
- 当登录失败时,如何在php中调用引导模式
- 对于具有全局选项的模式,连续调用RegExp测试失败
- AngularJS:当使用启用Html5模式的Angular Ui Router时,页面加载失败