Tag: jquery ui

jQuery UI Sortable:多项选择

我想(通过键盘操作符)在无序列表中选择多个项目,并使用jQuery Sortable将它们拖动到同一列表中的另一个点。

使用jQuery在链接上重新触发click事件

我有一个页面(asp.net),我在其中捕获链接的单击事件。 然后我做一些脏检查并向用户显示一个对话框, $(function() { var clickedLink; $(‘.checkdirty’).click(function(event) { if(isDirty == false){ return true; } clickedLink = $(this); $(‘#dirtysave-dialog’).dialog(‘open’); return false; }); }); 你想失去你的改变是/否等 $(‘#dirtysave-dialog’).dialog({ bgiframe: true, autoOpen: false, height: 125, width: 425, modal: true, title: “You have unsaved changes, do you want to continue and loose changes?!!”, buttons: { “Yes”: function() { isDirty = false; […]

带有Knockout.js的jQuery UI datepicker

我正在玩knockout.js来添加和删除表单中的字段。 到目前为止它工作正常,但我需要一个datepicker选项,所以我使用了jQuery的UI datepicker。 这有效,但仅限于第一个datepicker,而不是其他任何地方。 因此,每当我点击“添加”时,我会获得新字段,但没有日期选择器。 我用google搜索并连接了StackExchange ,但没有找到复制字段的解决方案。 HTML 0′> Beschikkingsdatum Beschikkingsnr Delete Knockout.JS var beschikkingModel = function(beschikkingen) { var self = this; self.beschikkingen = ko.observableArray(beschikkingen); self.addbeschikking = function() { self.beschikkingen.push({ beschikkingsdatum: “”, beschikkingsnummer: “” }); }; self.removebeschikking = function(beschikking) { self.beschikkingen.remove(beschikking); }; self.save = function(form) { alert(“Could now transmit to server: ” + ko.utils.stringifyJson(self.beschikkingen)); // […]

jquery ui拖动缓动/惯性

使用jquery ui draggable(http://jqueryui.com/demos/draggable/)拖动元素时如何启用缓动或惯性? 我想重新创建类似于maps.google.com的缓动,当您抛出/拖动地图时,它会轻松到位。 理想情况下,我想根据您投掷/拖动元素的力移动元素移动。 你是如何完成这项function的? 也许jquery ui draggable不是必需的,但我希望模仿谷歌地图上的拖动和缓和。 谢谢!

如何更改jquery datepicker的单元格颜色

我有一个jquery datepicker,我需要能够更改所选单元格日期的背景颜色。 我正在尝试这样的事情: $(“#fecha”).datepicker({ onSelect: function(value, date) { alert(date.css()); } }); 希望date参数引用所选单元格,但它似乎不起作用。 有什么建议吗? //编辑:解决方案应该让我拥有动态设置不同颜色的不同单元格,这就是我尝试使用onSelect而不是直接更改CSS的原因。 目的是使用由用户建立事件的日历。 提前致谢。

如何使用滑块更改HTML5音频音量或音轨位置?

我知道.play()和.stop()方法。 但有没有办法将滑块连接到音量? 或滑块到轨道位置? 那可能吗? 并且感谢帮助。 谢谢!

jQuery可以使用动画进行排序

我正在使用jQuery和Sortable来安排我的项目列表(以及这个http://dragsort.codeplex.com )。 一切都很完美。 我正在使用dragEnd上的函数按dragEnd排列列表。 这是我的代码: $(“#list1, #list2”).dragsort({ dragSelector: “div”, dragBetween: true, dragEnd: saveOrder, placeHolderTemplate: “” }); function saveOrder() { var data = $(“#list1 li”).map(function() { return $(this).children().html(); }).get(); $(“input[name=list1SortOrder]”).val(data.join(“|”)); }; 我的问题:无论如何我在拖动时可以动画吗? 或拖动时重新定位元素? 我只需要它在Safari上工作。 一个例子是: 看看拖放(0:30),你会看到我在说什么。 谢谢。

传递另一个div时显示/隐藏DIV

如果他通过了另一个DIV,我想要一个hidden div节目。 例如,如果div.passedMe底部显示在html下面! 遇到窗口顶部, div.showHide将显示,当scroll up和div.passedMe顶部! 遇到div.showHide会隐藏的窗口顶部。 HTML If you passed this div another div will show/hide this div will show/hide 到目前为止这是我所拥有的,但这只有在A页面上传递某个PIXEL时才有效 $(document).scroll(function () { var y = $(this).scrollTop(); if (y > 100) { $(‘.showHide’).fadeIn(); } else { $(‘.showHide’).fadeOut(); } }); 这是小提琴

如何使用jQuery异步加载CSS?

我想使用jQuery异步加载文档的CSS。 我发现了这个示例,但这似乎在IE中不起作用: $(function(){ $(”, { rel: ‘stylesheet’, type: ‘text/css’, href: ‘/inc/body/jquery/css/start/jquery-ui-1.8.10.custom.css’ }).appendTo(‘head’); $.getScript(“/inc/body/jquery/js/jquery-ui-1.8.10.custom.min.js”, function(){ }); }); 基本上我想在所有其他数据,图像,样式等加载到页面后加载jQuery UI 。 $.getScript适用于JS文件。 唯一的问题是IE中的CSS。 你知道更好的解决方案吗?

如何使用JQuery在2个元素之间绘制一条线并刷新该线?

我正在使用JQuery-UI draggables和droppables将元素克隆到div上。 使用JQuery在页面上的元素之间绘制线条的最佳方法是什么。 刷新页面线条的最佳方法是什么? 我将在页面上有多行,只想更新特定行而不是刷新每一行。