Tag: jquery ui

JQuery UI可拖动且可放置但不可排序: 我的网页上有2个列表，其中包含以下场景：列表A是可排序的。列表B是可拖动的，可以使用列表A进行删除，但不能自行排序。我已经尝试过来自JQuery UI的示例，并在SO上查找了一些post。似乎无法让＃2工作。有人有任何见解吗？提前致谢。码： $( “#listA” ).droppable({accept: “#listB li”}).sortable({ }).disableSelection(); $( “#listB li” ).draggable({ appendTo: “body”, helper: “clone”, connectToSortable: ‘#listA’ }).droppable({accept: “#listA”}); item-1 item-2 item-3 item-4 item-5 item-6 这是JSFiddle链接： http ： //jsfiddle.net/kmenezes/8eCJH/ 我有ListA按预期工作（可拖动，可放置和可排序）。我无法将一个项目放入ListB。这就是我需要的才能实现这一目标。谢谢！

jQuery UI – 如何正确触发sortupdate事件？: 我正在使用jQuery v1.8.0和jQuery UI v1.8.22。文档说你可以通过以下方式触发sortupdate： $(“.selector”).bind(“sortupdate”, function (event, ui) { // do something here }); $(“.selector”).trigger(“sortupdate”); 但这似乎并非如此，因为ui未定义。有没有其他方法可以在sortupdate上进行此工作/触发事件？

从jQuery UI对话框中的按钮调用动态创建的iFrame中的函数: 摘要：使用jQuery UI对话框和动态创建的iFrame ，是否可以从.dialog定义的按钮之一调用iFrame的函数细节：我只是开始用jQuery和jQuery UI开始，我试图将现有的应用程序转换为使用.dialogfunction。我用于“内联弹出窗口”的上一个插件很好，但是jQuery不能与它共存，因为它们都使用$()方法。我知道你可以避免与其他库冲突，但我认为更容易转移到jQuery lock-stock-and-barrel，而不是让它们共存。上一个插件的优点是能够将弹出窗口的内容指定为页面上的现有，将HTML代码或（最重要的是我）指向不同页面的URL。这个答案真的帮助我获得了最后一个能力，这就是我现在所拥有的…… $(document).ready(function () { var iframe = $(”); var dialog = $(”).append(iframe).appendTo(“body”).dialog({ autoOpen: false, modal: true, resizable: true, width: 600, height: 600, title: “My Popup”, close: function () { iframe.attr(“src”, “”); }, buttons: [{ text: “Call iFrame Function”, click: function () { […]

jQuery ui slider – 如果滑动时值增大或减小: 基本上我想在值增加和减少时运行两个函数。如何检查右边的用户幻灯片（当值增加时）和左边（当值减少时）这里是小提琴： http://jsfiddle.net/BxY99/436/ 谢谢！

jqueryui选项卡（1.9.1）在加载时激活: 我有这样的代码： var enTabs = { “Layout”: 0, “Edit”: 1, “Stuff”: 2 } $(“#tabs”).tabs({ activate: function (event, ui) { switch (ui.newTab.index()) { case enTabs.Layout: // loads remote data, processes it, draws it to this tab; break; case enTabs.Edit: // loads remote data, processes it, draws it to this tab; break; case enTabs.Stuff: // loads remote data, […]

rails 3.2中的jQuery datetimepicker格式: 我正在使用以下datetimepicker，根据我的理解，它是已扩展的jquery-ui datepicker。 http://trentrichardson.com/examples/timepicker/ 我的问题是我想向用户显示上午和下午时间，但我想以不同的方式对其进行格式化，以便当我将其提交到mysql数据库时，时间格式进入标准“YY-mm-dd – hh：mm： ss“格式。这是它当前输入的格式

Jquery手风琴实现中的抖动: 请查看http://jsbin.com/omuqo以获取此问题的演示。当您通过单击手柄打开面板时，下面的面板会在整个动画中略微抖动。在演示中，由于所有面板的高度相同，因此下面的面板应保持完全静止。当你有一个更复杂的手风琴与不同高度的面板，添加缓和等，抖动仍然可以通过各种方式可见。为了调试，我已经在Jquery UI中抛弃了手风琴插件并按照这里的建议实现了我自己的插件。这里是完整的代码应该jsbin不起作用。 HTML： Sandbox * { margin: 0; padding: 0; } body { background-color: #fff; font: 16px Helvetica, Arial; color: #000; } dt { background-color: #ccc; } dd { height: 100px; } #footer { background-color: #ff9; } Handle Content Handle Content Handle Content Handle Content Some more content 和Javascript： $.fn.accordion […]

如果值大于某个数字，则更改滑块的输出: 我正在使用JQuery范围滑块并将计算输出到html元素。到目前为止，我已经完成了所有工作，但是，如果滑块的值大于10，我想显示替代文本而不是价格。你可以在这里看到一个codepen： http ：//codepen.io/redbranchmedia/pen/jEEqEw 我为setPrice函数添加了一个条件。技术上“工作”，但我需要将滑块滑动到大于10的值，然后单击其中一个按钮将其更改为文本。我试图在slide函数中添加一个if / else语句并将其存储在一个变量中，但这完全打破了滑块。你可以在下面看到我的代码。一旦滑块大于 var $s = $(‘.priceslider’).slider({ max: 15, min: 1, value: 2, slide: function(e,ui) { var calcprice; calcprice = (ui.value * pricepermonth); var output; if(value > 10) { output = (“too much”); } else { output = (“$” + calcprice + “/mo”); } $(‘.pricingtable’).html(output); } […]

hover在css中选定的开始日期和结束日期之间的效果: 我正在一个网站上工作，我想在所选的（假设7月26日） start date 和我们将在end date 选择的日期之间放置hover效果 (as shown below in an image) ：我使用的HTML和JS / JQuery代码如下： HTML： JS / JQuery代码： let startDateUI = $(“#startdate_datepicker”).datepicker({ numberOfMonths:[1, 2], todayHighlight: true, beforeShowDay: function (calDate) { return calDate – new Date() < 0 ? [false, '', ''] : [true, '',''] } }); $("#enddate_datepicker").datepicker({ numberOfMonths:[1, 2], todayHighlight: true, […]

如何处理jQuery中锚的文本值更改为“”的情况？: 这是代码： Jsfiddle 我有一个表单，其中可以通过链接上的dblclicking编辑文本值，或者在div内部单击a 。在Onblur中，输入框中显示在1.中的条件中的值被分配给a的文本值。问题：当您将输入留空并使其模糊时，它会将a的文本设置为”” 。此时，它周围的div崩溃，用户无法访问。我怎样才能防止这种崩溃？