个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我在选项卡内容中使用 jqWidgets 选项卡和 jQuery Chosen 下拉菜单
我遇到的问题是，当我单击打开下拉菜单时，div 在选项卡底部被剪掉了 - 我希望下拉菜单的弹出窗口覆盖所有内容并完全显示
请参阅以下基本示例以重现该行为:
我怎样才能通过对他们的样式表进行最少的修改来解决这个问题？
<html>
<div style="width : 500px; height : 180px;">
<div id="tabs">
<ul>
<li>Test</li>
</ul>
<div>
<label>Test:</label>
<select id="target" style="width : 80px"></select>
</div>
</div>
</div>
</html>
<script>
$("#tabs").jqxTabs({
position : 'top',
animationType : 'fade',
selectionTracker: true,
height : '180px'
});
// the following lines are just for filling the sample dropdown with some values
var html = '';
for (var x = 0; x < 100; x++) {
html += '<option value="'+x+'">'+x+'</option>';
}
$("#target").html(html);
// apply the chosen library to this dropdown
$("#target").chosen();
</script>
请查看我没有在上面的代码片段中复制 document.ready 调用的 fiddle 代码
最佳答案
问题是选择下拉列表所在的 div 容器具有设置的高度。因此，如果 Chosen 超出了容器 div 的高度，那么它将被切断。您可以尝试添加到选择下拉列表:
position: absolute
这样它就会脱离页面的正常流动，换句话说，不会受限于其父容器的高度。
关于javascript - jqWidgets 选项卡内的 jQuery Chosen 下拉列表未正确呈现，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15255504/
26
4
0
我正在使用 npm、Vue 和 Webpack。我想在 jQuery 中使用 Chosen 库，但是我无法导入 chosen-js/chosen.css 因为我遇到了错误。如何导入Chosen的css
我正在尝试使用 Chosen 链接选择和 Chained但我不确定我是否正确地实现了 .chosen().change() 或者我得到的错误是否是一个错误。 这是我所拥有的: WA QLD VIC
我正在使用一个名为 Chosen 的 jquery 插件。我看到它有一个可用于单选的搜索选项，有谁知道在使用多选的情况下如何启用它？ 谢谢 最佳答案 选择搜索适用于多选。检查他们网站上的示例 http
我目前正在使用 jQuery Chosen插件，并且运行良好。目前，我可以像这样绑定(bind)到 Chosen 的更改事件: $('#the_selector').chosen().change(
我正在使用“选择的插件”，但不确定如何将属性添加到选择列表的选项标签。 我已经在准备好的文档上使用 jQuery 尝试过这个，但没有成功。 最佳答案 您需要将 Chosen.Jquery.js 修改为
我有两个下拉菜单。如果我不使用 select-chosen 类并将它们简单地用作 form-control 类，它们的 HTML 很简单，我可以更改第二个下拉列表的值通过发送基于第一个下拉列表值的 A
尝试使用 jquery-chosen对于 vue，问题是这个插件隐藏了我应用 v-model 的实际选择，所以当我选择一个值时，vue 不会将其识别为选择更改事件并且模型值不会更新. 当我选择某些东西
我在 ASP.NET MVC 应用程序中使用 jQuery Chosen 插件。当下拉列表中有项目时，data-placeholder 属性不起作用。它不会显示默认文本，而是自动选择列表中的第一项。
我使用 jquery-chosen 作为我的组合框。 如果组合框位于屏幕底部，则无法下拉。有没有办法获得下拉列表而不是下拉列表？ 演示页面链接:http://harvesthq.github.io/c
我制作了一个 jQuery 选择下拉菜单，如下所示: $('.blah').chosen(); 我找不到如何添加选项，例如: $('.blah').chosen('add', name, value)
我将此问题提交给已回答的线程:disable jquery-chosen dropdown 当我尝试时，这实际上对我不起作用。 Fiddle 链接演示也不适合我(Firefox v22)。我在这里发什
我正在用值填充一个 JQuery Chosen，我正在设置一个自定义属性以便稍后在选择一个选项时获取它，但我找不到一个好的方法来做到这一点。 我的代码如下: $( "#ddlChosen" ).cho
我有两个选择框，每个都有不同的响应宽度。width:45% 和 width:22% 。如何使用为这两个元素选择的 jquery。在我的元素中，许多组件都有 width:45%，只有少数是 22%。我正
我正在尝试使用 Chosen plugin我正在使用 select 元素选项。 我用它来按国家名称显示时区名称。国家名称作为选项组标签和时区名称作为选项 我的问题: 如何使搜索也适用于 optgrou
这是我的代码: Option 1 Option 2 $("#chzn-select").chosen(); 这是结果: 我可以“选择”选项 1 或选项 2
我选择了多选。我想在 javascript 代码上将多选更改为单选。我将发送一些 ajax 帖子，并根据响应值，我必须更改 selected 的属性。从多选到单选或相反。 最佳答案 我最终不得不手动销
我正在使用选择的 jQuery 插件(由 Harvest 提供)。它在 (document).ready 上工作正常，但我有一个按钮，单击该按钮时，会使用 ajax 动态创建更多我想要使用“选择”功能
我们如何确定组件上触发的更改事件是选择还是取消选择的结果？如何才能只抓取选中的值或者只抓取未选中的值？ $("#airports-select-2").chosen().change(function
我正在使用https://github.com/localytics/angular-chosen创建选择元素并选择默认项目: AAAAAAAAAAAAAAAA BBBBBBBBBBB
我正在使用 React-chosen(https://github.com/chenglou/react-chosen，jQuery Chosen 插件的 React 包装器，https://harv
我是一名优秀的程序员,十分优秀！