Tag: jquery ui

jQuery UI：可排序和可拖动+可排序和可放置

我有两个清单。 它们是可排序的但没有连接（列表“one”的元素不能与列表“two”的元素混合） 我希望列表“one”的元素可以删除，列表“two”的元素可以拖动，因为我想将列表“two”的元素拖放到列表“one”中。 我应该怎么做？ 编辑： 我试图让问题尽可能一般，但也许我应该更清楚……对不起。 列表一的元素是“类别”，它们应该是可排序的。 列表2的元素是“链接”，应该是可排序的。 链接只属于一个类别。 我想将一个链接从一个categerory移动到另一个，我很想使用JQuery Ui。

jQuery滑块：只有最后一个滑块在页面上工作，有多个滑块

我正在制作一个包含多个滑块的页面，其中滑块的数量和选项因用户而异。 我遇到了创建和显示所有滑块的问题，但只有最后一个滑块可以拖动。 简单的jsfiddle来演示我在说什么： http ： //jsfiddle.net/2crev/3/ 我不确定这里的问题是什么。 所有滑块的ID都是唯一的，我在html之后创建了滑块。 有谁知道发生了什么事？ 谢谢！ 在FF 26，Chrome 31，IE 11上遇到问题。 HTML： CSS： div.slider { margin-top: 5px; margin-bottom: 30px; } JS： var numberOfSliders = Math.floor(Math.random()*5) + 2; for (var i=0; i < numberOfSliders; i++) { // Insert HTML var html = 'Slider ‘+i+” +”; document.getElementById(‘sliders’).innerHTML += html; // Create Slider $(‘#slider-‘+i).slider({ value: […]

JSON在FireFox和Safari上返回空响应（Windows Vista）

解决了： 问题在于Firefox 6.0.2安全性。 我已将我的URL请求从： http ： //mysite.com/ajax/request更改为/ ajax / request及其工作。 如果需要使用跨域，则需要使用jsonp作为dataType。 非常感谢evildead 我对服务器的JSON请求返回一个空响应。 这仅发生在Windows Vista计算机中的Firefox 6.0.2和Safari中。 输出由php脚本生成，并具有json / application标头。 这将返回空响应： $(‘#ajaxcall’).click(function(){ var ts = new Date().getTime(); var urlz = $(‘#targeturl’).val()+’/’+ts; var dataString = $(“#datazz”).val(); $.ajax({ type: “POST”, url: urlz, data: “data=”+dataString, success: function(data){ var obj = jQuery.parseJSON(data); for (var i = 0; i < obj.length; […]

如何通过单击按钮显示div的值？

我目前正在使用wmd编辑器和jQuery-UI选项卡。 我创建了一个ajax / js函数，它将提交（当点击下一个按钮时） wmd-preview值，然后php在选项卡2中回显结果。问题是我没有显示任何结果。 我不是在寻找textarea值而是div #wmd-preview值。 如何通过我的ajax /函数显示div wmd-preview的值？ JS $(function () { var $tabs = $(‘#tabs’).tabs({ disabled: [0, 1], select: function () { $.ajax({ type: “POST”, url: “post_tabs.php”, data: { “wmd”: $(“#wmd-preview”).val(), }, success: function (result) { $(“#tab-2”).html(result); } }); } }); $(“.ui-tabs-panel”).each(function (i) { var totalSize = $(“.ui-tabs-panel”).size() – 1; if (i […]

多属性选择器jQuery的操作

我正在尝试使用键盘输入数值。 我的问题如下：键盘有一个“接受”按钮，我有几个文本字段，我想为每个文本字段添加一个不同的操作。 我试图使用多个属性选择器，但不起作用。 $(‘input[type=text]’).keyboard({ layout: “num” }); $(‘.ui-keyboard’).on(‘click’, ‘input[name=”key_accept”]’,function() { alert(‘Accept button was clicked in text1’); // do your stuff here }); 您可以在此链接中显示示例http://jsfiddle.net/Mils/W2xFX/25/ 警报适用于所有文本字段，但我希望每个文本都有不同的警报。

获取之前检查的单选按钮

给定一组单选按钮，例如： 当其中一个被检查时，是否可以知道哪个以前是活动的（如果有的话）？ 我尝试将以下函数附加到onclick事件，但它不起作用，因为它返回当前选择的单选按钮而不是之前选择的单选按钮： my_func = function() { var checkedValue = $(‘input[type=radio]:checked’).val(); return alert(“The previously selected was: ” + checkedValue); }; 我不知道是否可以提供任何帮助，无论如何，这是完整的尝试： http ： //jsfiddle.net/H6h4R/

在beforeShowDay中更新datepicker工具提示

我有一个JQuery Datepicker，我突出显示日期并成功地向工具提示添加文本。 我有一些与本教程非常相似的内容。 我遇到的问题是，如果在同一天有多个事件，旧工具提示被最近添加的事件“覆盖”。 我期待有一种方法可以“追加”（比如标题+ =’新事件’），但我找不到任何东西。 $(document).ready(function() { var SelectedDates = {}; SelectedDates[new Date(’04/05/2014′)] = ‘event1′; SelectedDates[new Date(’04/05/2014’)] = ‘event2′; SelectedDates[new Date(’04/07/2014’)] = ‘event3′; SelectedDates[new Date(’04/07/2014’)] = ‘event4’; $(‘#txtDate’).datepicker({ beforeShowDay: function(date) { var Highlight = SelectedDates[date]; if (Highlight) { return [true, “Highlighted”, Highlight]; } else { return [true, ”, ”]; } } }); }); 请参阅此处的问题以及该问题的工作示例： […]

如何在一个jQuery UI选项卡中使用jQuery UI选项卡？

我正在使用jQuery UI选项卡（通过AJAX的内容）我需要做的是在我的一个选项卡中我希望其他简单的jQuery UI选项卡意味着（内容不通过AJAX）但它不起作用..请原谅，如果我做错了什么:( //these tabs are working fine <a href="https://stackoverflow.com/questions/15251524/how-to-use-jquery-ui-tabs-inside-one-jquery-ui-tab/url(array(), ‘abc’) ?>”>A <a href="https://stackoverflow.com/questions/15251524/how-to-use-jquery-ui-tabs-inside-one-jquery-ui-tab/url(array(), ‘asd’) ?>”>B <a href="https://stackoverflow.com/questions/15251524/how-to-use-jquery-ui-tabs-inside-one-jquery-ui-tab/url(array(), ‘xyz’) ?>”>C 我在xyz控制器的视图中添加了以下代码，但它无法正常工作 $(function() { $( “#tabss” ).tabs(); }); Nunc tincidunt Proin dolor Aenean lacinia abcd……. xyz……. abcd……. content……. 我已经包括了所有这些

为什么我不能让文件丢弃与jquery一起工作？

我试图弄清楚如何拖放文件。 我已经阅读了许多教程和示例，并认为我知道如何去做，但我无法让绝对的基本部分工作。 这是我目前的代码。 如果我将文件拖到filedropper div上，浏览器只会加载文件而不是给我下拉警报。 我错过了什么？ $(document).ready(function() { $(‘#filedropper’).on(‘drop’, function(e){ e.preventDefault(); alert(‘drop’); return false; }); });

如何防止jquery datepicker在初始页面加载时弹出但仍然滚动到datepicker文本框

我有类似于以下javascript的东西： $(function () { $(“#txtDate”).focus(); $(“#txtDate”).datepicker({ … autoOpen: false, … }); }); 我想在页面加载时专注于文本框，而不会弹出日期选择器。 目前，页面加载的日期选择器已经打开。 我需要能够在页面加载时将页面滚动到该文本框，并且txtDate文本框具有焦点以便用户可以轻松地在表单中切换到下一个输入。 任何帮助将不胜感激。 编辑： 注意：必须在IE 8-10中工作