Tag: user interface

在document.ready之前,Jquery UI界面看起来很难看

HTML元素显示早于onload或document.ready被触发。 所有jQuery UI小部件都加载到document.ready上,它使页面看起来很难看,只需几秒钟。 处理它的可能选项 – 在使用jQuery UI进行拉伸之前隐藏元素,并在加载后用JS显示它们。 但是如果JS被关闭 – 用户将看不到标准HTML和jQuery UI的任何元素。 使用它的最佳做法是什么?

如何在不破坏儿童可resize的情况下销毁可resize的jquery?

我有一个可resize的父div(仅限宽度) – 在这个div中我有许多其他div也是可resize的(仅限高度)。 有时我想要禁用或破坏父宽度resize,但保持内部高度resize。 当我调用$(“#idTopDiv”).resizable(“destroy”); ,这也破坏了所有儿童div的可resize。 典型布局是: – 欣赏任何想法。

jquery draggable droppable删除掉了

如何从购物车中删除该项目? 当然,您希望能够将项目拖放回去。 $(function() { $( “#catalog” ).accordion(); $( “#catalog li” ).draggable({ appendTo: “body”, helper: “clone” }); $( “#cart ol” ).droppable({ activeClass: “ui-state-default”, hoverClass: “ui-state-hover”, accept: “:not(.ui-sortable-helper)”, drop: function( event, ui ) { $( this ).find( “.placeholder” ).remove(); $( ” ” ).text( ui.draggable.text() ).appendTo( this ); } }).sortable({ items: “li:not(.placeholder)”, sort: function() { // gets added […]

Jquery UI datepicker,点击日期,获取日期并传递给URL

我在事件页面(sharepoint页面)中有一个jquery UI datepicker日历。 $(‘#datepicker’).datepicker(); 我需要在用户点击任何日期后获取日期并获取该日期并将其作为mypage.aspx?dt = 1/12/2012传递给页面url。我有这个但不能正常工作。 $(‘.ui-datepicker td a’).click(function(){ var url=$(location).attr(‘href’); var date = $(this.datepicker( “getDate” )); if(date != ‘null’) url += ‘&dt=’ + date; window.location.href=url; }); 这两个都没有.. $(‘.ui-datepicker td a’).click(function() { window.location.href = ‘http://mysite/events/Pages/default.aspx?dt=’ + $(‘#datepicker’).datepicker().val(); }); 有人可以帮忙吗?

移动jquery-ui-draggable盒子时的指南

我正在研究如何在像Google Docs Drawing中那样移动框时显示指南。 在开始编写自己的代码之前,我更喜欢开源代码或任何类型的指南。 我不需要跨多个浏览器窗口拖放,所以我不需要HTML5 Drag-n-Drop。 我也使用jquery-ui-draggable for boxes。

jQuery UI Datepicker与jQuery tipsy

有关如何在jQuery的UI Datepicker上实现技巧工具提示的任何想法? 基本上我想在用户在Datepicker中的特定日期移动时获得工具提示。 Datepicker将以内联方式显示并始终可见。 谢谢!

使用jQuery控制HTML5 卷

好的,我想使用jQuery Slider元素控制HTML5元素的音量。 我已经实现了幻灯片,但无法弄清楚如何使滑块的值取代“audio player.volume =?”。 任何帮助深表感谢。 资源