Tag: jquery ui

单击更改CSS属性

我试图在点击另一个元素时更改一个元素的CSS。 我搜索了很多，但没有任何效果。 目前我使用下面的代码，但它不起作用。 谁能告诉我我错过了什么？ hello world! function myFunction() { document.getElementById(‘foo’).style.cssText = ‘background-color: red; color: white; font-size: 44px’; }

jqGrid ColumnChooser是否有完整的工作示例？

在http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jquery_ui_methods上有关于构建jqGrid列选择器的说明（’dlog_opts是要传递给“dlog”的选项对象，或者（更多）很可能）一个创建选项对象的函数。默认为ui.dialog’）生成一个合适的选项对象，但不是完整的工作代码; 没有提供所需function的示例。 是否有一个完整的工作示例来构建一个允许隐藏，显示和移动列的jqGrid列选择器？

如何让jQueryUI对话框动态加载内容

我喜欢jQueryUI的对话框。 但是，似乎没有办法动态加载内置内容。 我想我必须使用其他一些方法来实现这一目标？ iframe会在内容可见时加载内容吗？ 这是正确的方法吗？ 如果它们更适合仅在首次打开时加载内容，我会对其他对话框机制开放。

如何在对话框显示中将回调附加到jquery效果？

我的问题是我不知道如何将回调附加到jquery ui对话框节目。 该节目实际上是一个选项： $( “.selector” ).dialog({ show: ‘slide’ }); 我希望在幻灯片动画完成后进行回调。 我从效果本身看，他们有一个回调： effect( effect, [options], [speed], [callback] ) 但在对话框中，效果的设置方式却截然不同。 我也尝试过： $( “.selector” ).dialog({ show: ‘slide’, callback: function() {} }); 但它没有用。 建议？

在jQueryUI对话框内的jqGrid上正确调用setGridWidth

我有一个jQueryUI对话框（ #locDialog ），里面有一个jqGrid（ $grid ）。 当对话框打开时（最初，但只要打开就会调用它），我希望$gridresize为$locDialog的大小。 当我最初这样做时，我在网格内部（不在对话框内）获得滚动条。 如果我调试代码，我看到$grid的宽度是677.所以，我再次调用setGridWidth()并检查宽度，现在我有659，这是18px少，这是滚动区域的大小为jqGrid（Dun-dun-dun ..） 当我重新对话时，我也调整了网格的大小，一切都很快乐 – 没有滚动条，除非必要。 我的对话框初始代码： $locDialog = $(‘#location-dialog’).dialog({ autoOpen: false, modal: true, position: [‘center’, 100], width: 700, height:500, resizable: true, buttons: { “Show Selected”: function() {alert($(‘#grid’).jqGrid(‘getGridParam’,’selarrrow’));}, “OK”: function() {$(this).dialog(‘close’);}, “Cancel”: function() {$(this).dialog(‘close’);} }, open: function(event, ui) { $grid.setGridHeight($(this).height()-54); // No idea why 54 is the magic number […]

多个jQuery-UI滑块的总计

我正在尝试实现一个页面，其中有4个jQuery-UI滑块，我想这样做，所以所有4个滑块的总和将永远不会超过400。 我不介意这是实现的方式，它可以从0开始，一旦你更改1个滑块，剩余的可用总数减少或设置滑块超过最大值，减少其他滑块上的值。 PS滑块以10为增量。 我们欢迎所有的想法和建议，如果您想测试，我会设置一个jsFiddle 。

jQuery Datepicker：单击日期时阻止关闭选择器

嗨伙伴stackoverflow：ers， 我正在使用jQuery Datepicker插件 ，以及Martin Milesich Timepicker插件。 一切都很好，除了点击日期选择器中的日期，关闭窗口小部件，没有时间选择时间。 问题：所以我想知道是否有办法阻止小部件在单击日期时关闭，而是强制用户单击“完成”按钮（在启用“showButtonPanel：true”选项时显示）或单击在小部件之外。 我不希望我的用户必须打开小部件两次！ 在timepicker演示中查看在线行为 任何帮助解决这个问题，甚至指向正确方向的指标，都表示赞赏！ 更多信息：我正在使用Martins提供的文件下载链接： http ： //milesich.com/tpdemo/timepicker-0.2.0.zip jQuery的UI，1.7.2.custom.min.js timepicker.js（最新版本0.2.0） 这些是我正在使用的选项： $(document).ready(function(){ $(“.datepicker”).datepicker({ duration: ”, showTime: true, constrainInput: false, stepMinutes: 5, stepHours: 1, time24h: true, dateFormat: “yy-mm-dd”, buttonImage: ‘/static/images/datepicker.png’, buttonImageOnly: true, firstDay: 1, monthNames: [‘Januari’,’Februari’,’Mars’,’April’,’Maj’,’Juni’,’Juli’,’Augusti’,’September’,’Oktober’,’November’,’December’], showOn: ‘both’, showButtonPanel: true }); })

jQuery DatePicker – 动态更改minDate和maxDate

我对jQuery Datepicker有一个特殊的问题。 我可以轻松添加日期范围，但我希望可选范围根据用户选择的事件进行更改。 因此，如果他们选择事件＃1，他们只能从事件＃1的日期范围中选择日期。 我编写了一个简单的小函数，只要用户选择一个新事件就会调用它，但它只显示最初设置的minDate / maxDate值。 function datepicker(startDate, endDate) { $( “#date” ).datepicker({ inline: true, minDate: new Date(startDate), maxDate: new Date(endDate), dateFormat: ‘dd/mm/yy’ }); } 我试过调用$(‘#date’).datepicker(‘remove’); 在再次调用上面的函数之前，看看它是否创建了一个具有正确日期的新实例，但它似乎不起作用。 我已经通过开发人员工具检查了所有数据，所有内容都被正确调用和传递。 有什么我可以做的，让我的工作如何我想要它？

jquery ui tabs不再支持cookie？ 怎么办？

我为这是一个开放式问题而道歉，但我不知所措。 从jquery UI的1.9版开始，他们使用cookie选项折旧，以便在多个页面中保存选项卡的活动状态。 http://jqueryui.com/upgrade-guide/1.9/#deprecated-cookie-option 我还没有看到关于如何实现这一目标的任何其他文档！ 所以我不得不挠头。 我最好的猜测是使用某种event来创建一个cookie，然后加载cookie？ 或者是否有其他方法可以跨多个页面和用户首选项保存选项卡的活动状态？

如何在jquery中引用JSF组件ID？

我如何在jquery中引用JSF组件，因为我不知道我想要引用的组件的id前面的id？