个人中心
文章发布
退出
作者热门文章
- 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
我想创建 jqwidgets 数据网格，我希望所有列都作为字符串，但是当我通过 javascript 添加新行而不是某些字符串值时，组件将我设置为数字 0,1,2,3 等.. 这里是代码: var s
在使用 JqxWidges 时，我遇到了导出使用一个 JSON 作为源文件的嵌套网格的问题。通用解决方案不起作用。实际上它只导出父网格列。 $("#excelExport").click(fun
下面是我正在使用的代码，当我从数据库中选择值时，它们会被提交到数据库，但是如果我输入数据库中没有的内容并且我希望将其提交，则 PHP 不会提交或回显它。请帮帮我。 谢谢。 $row['Emis_N
如您在上图中所见，我只是使用 jqwidgets 的默认组合框和 jqx.base.css 作为 CSS 文件。我只能得到组合上的箭头标记以及用黑色选中的元素的复选框。我试过 IE10 和 Chrom
为什么此事件会触发两次？ 解决方法是检查 event.args，但事件仍会触发两次。 $('#input').jqxInput({ width: 200, height: 25 }); var
如何使 jqWidgets 表单水平对齐？我尝试的是: input { display: inline-block; } 最佳答案 那一个呢:http://jsfiddle.net/dbZJL
我试图在下面的代码中检查和禁用 jqxTreeGrid 中的一些复选框: $("#treegrid_portfolio").jqxTreeGrid( {
我遇到对齐问题。我希望将我的 datetimeinput 小部件从 jqWidget 垂直居中。我希望我的日期时间输入以页面为中心，然后在其下方，我希望看到所选日期时间输入的居中日期范围。 这是我迄今
我正在使用 JqWidgets 生成嵌套网格。在我的网格中，我有上下文菜单。 这是我的嵌套网格详细信息:显示团队、关联用户信息。 现在我的目标是当用户单击上下文菜单中的任何选项时获取 id 列值。 我
我有一个 jqxGrid，里面有几个复选框。我需要做的是找到一个在更改复选框时触发的事件。我试过: 已更改 cellbeginedit cellendedit cellvaluechanged cel
我正在尝试获取 jqwidgets 网格中所有未选择的行索引的列表。因为有一个预定义的方法来获取所有选定行索引的列表: var allSelectedVals=[]; var rowindexes =
我正在开发一个网络应用程序，我想要一个包含潜在值列表的组合框。 这是我想要的一些行为: 我希望它的右侧有一个箭头，您可以点击它，然后您会看到一个包含不同选项的下拉列表。 我希望它有一个文本字段，您可以
我在嵌套网格的 JqWidgets 上下文菜单中面临双重发布问题。该事件被触发 n 次(其中“n”是我单击上下文菜单的次数) 除此之外，如果我将事件处理程序方法保留在上下文菜单创建之外，那么在这种情况
在 Angular 中，我正在尝试将主题应用于我的网格。 我的网格 在 jqwidgets 文件夹中
我正在使用jqwidgets tree grid 我正在尝试根据以下要求为单元格编辑器实现 onchange 监听器 在更改特定行中的单元格值时，它应该对该特定行中的其他单元格进行更改。 到目前为止我
我想在 Aurelia 项目中使用 jqxGrid 小部件，但我不确定如何调整他们的示例(如下)以在 Aurelia View / View 模型组件中工作。 看它运行here . Th
我使用 JQwidgets 通过过滤器显示来自 mysql 数据库的数据，但每当我尝试过滤数据时，它都会出现内部服务器错误。只是想知道可能是什么原因？是因为表连接吗？或任何其他原因: 数据.php p
我正在使用 jqwidgets。在那些小部件中，我使用的是径向量规。对于那个径向仪表，我想给出径向背景色。我有一个类似这样的代码，用于更改径向仪表中的背景颜色。 $('#gauge').jqxGaug
所以我正在创建一个 jQwidgets GridView ，并用一些数据填充它。 我有一个作为按钮的单元格: { text: 'Action', datafield: 'Action', width:
我在 jquery 中使用过 jqwidgets，width : '100%' 在 jqxGrid 中工作正常。但是在带有 Angular-5 组件的 jqwidgets 中，它们显示错误， Unex
我是一名优秀的程序员,十分优秀！