在选择元素排序本土选项

是否有可能与jQuery / jQuery用户界面做出选择节点的节点选项排序?

这将允许用户拖动的选项中,他们希望的顺序。

例如:

<select id="foo"> <option>1</option> <option>2</option> <option>3</option> </select>

你将能够命令他们是1,2,3或1,3,2或2,3,1等

--------------解决方案-------------

在Firefox反正。 也许只是需要一些调整。

var options = null;
var targetOption = null;
jQuery(function()
{
options = jQuery("#foo").find("OPTION");
options.each(function()
{
jQuery(this).bind("mousedown", function(event)
{
targetOption = jQuery(event.target);
});
jQuery(this).bind("mouseup", function(event)
{
var target = jQuery(event.target);
if(target.is(options))
{
targetOption.insertAfter(target);
}
});
});
});

看看jQuery UI的可排序

分类:JavaScript的 时间:2012-01-01 人气:0
分享到:

相关文章

  • 使用Javascript / jQuery的/ jQuery UI的下拉列表中选择的元素顺序 2014-07-23

    我想创建一个JavaScript / jQuery的/ jQuery UI的下拉列表中选择的元素排序在我的CMS程序. 我一直在使用一个form与select元素,当职位select元素的变化,但我需要申请此功能form要素,并试图巢形式产生的各种问题. 我在想,我可以在每个元素添加元素像这样,然后构建某种从中控制: <div class="order" data-action="[url to POST to]" data-return="[url

  • jQuery的的UI位置不考虑保证金进去? 2012-08-26

    定位项目时jquery.ui.position没有采取保证金值? 我有这样的例子,显示有左,右的div之间没有分离... http://jsbin.com/ebamom/3/edit 我做错了吗? 提前致谢! --------------解决方案------------- 你可以给使用多一个事业部两个div之间的余量. 我检查了这一个,两个div之间找到空间. HTML代码 <!DOCTYPE html> <html> <head> <link class=&qu

  • 使用jQuery工具,UI选项卡工具提示 2012-09-19

    我试图使用JQuery的工具提示在我为建设一个脚本类网站插件. 问题是我使用jQuery UI选项卡的导航网站,显然这两个库不很好地协同工作. 当我加载网站的索引页面的提示插件工作正常(有选项卡中的网站)之外,它只有当我从标签加载页面的工具提示停止工作. 这是我的索引页的设置方式: <html> <head> <meta charset="utf-8"> <script src="//ajax.googleapis.com/ajax/

  • jQuery和jQuery UI的之间的区别是什么? 2012-09-19

    之间的区别是什么jQuery和jQuery UI ? 他们是两个不同的框架? 是jQuery需要图书馆工作jquery UI或两个独立的作品? 什么是任何区别jQuery选项卡插件和jQuery UI标签? 这是更好地使用? --------------解决方案------------- jQuery是核心库. jQueryUI的是建立在它之上. 如果你使用jQueryUI的,你还必须包括jQuery的. jQuery的标签之前jQueryUI的库. jQueryUI的标签是基于jQuery的标

  • jQuery的的UI自动完成本地工作不是在Heroku 2013-10-28

    我使用的应用程序西纳特拉HTML表单的两个输入字段的jQuery的UI的自动完成. 他们在我的本地计算机上,但不能在Heroku工作. jQuery的-UI的日期选择器的工作原理是同一页上,所以我知道的JavaScript文件被正确加载了jQuery和jQuery的UI. 另外,我可以看到我使用作为源自动完成的变量实际上得到从数据库中填充. 有没有控制台错误也是如此. 这里的HTML: <form action="/add-event" method="post&quo

  • 使用多个jQuery和jQuery UI的库 2014-01-30

    有没有一种方法使用多个jQuery和jQuery UI的库在同一个来源? 我知道noConflict和使用多个jQuery的库使用此方法,但是否有可能使用多个jQuery用户界面库? 从本质上讲,我想使用jQuery 1.2.6和jQuery UI 1.6,共同为页面的某一部分是只适用于那些库 然后对于一切使用1.4.2最新的jQuery库和UI 1.8. 谢谢, -Seth --------------解决方案------------- jQuery也有一个NoConflict方法,允许这一点

  • jQuery中的UI滑块拖动箱子不渲染 2014-08-24

    我使用的特伦特·理查森的timepicker,我有与在他的小部件中使用了jQuery的UI滑块的问题. 在滑块可拖动箱子没有完全呈现. 我留下什么样子的东西会一直在滑块的最左边的箱子边界,当我点击它,它不动. 我一直在使用与jQuery和jQuery的UI包的完整版本的这个工具尝试,所以我知道我并不缺一个包,我还没有发现任何人有类似的问题. 其他一切工作在timepicker就好了,所以我相信这是具体的滑块的一个问题. 我的JavaScript是等同于上面的链接中所示的第一个例子. 带滑块时有没

  • 有没有结合的jQuery和jQuery UI的文件版本,由谷歌托管? 2014-11-05

    是否有被合并下的所有文件,并且从谷歌托管的jQuery的任何文件? <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js" type=&

  • jQuery的的UI按钮的阵列 - 设置标签的例子吗? 2015-01-31

    请参见下面最初的问题编辑原问题的修订版 使用一个jQuery的用户界面对话框我希望能够动态地指定按钮上的标签. 要做到这一点我指定喜欢这个按钮的数组: var arrbuttons = {}; arrbuttons.cancel = function() { alert('test1');}; arrbuttons.update = function() { alert('test2');}; $(function() { $( "#dialog" ).dialog({buttons:

  • jQuery Mobile的UI的DatePicker - 活动 2012-02-15

    我尝试了jQuery Mobile的UI日期选择器...详情这里 有谁知道是否有可能改变它的颜色的细胞. 我想要做的是硬编码一些事件,并添加不同的颜色有一个事件的日期. 有没有人有任何玩弄此UI日期选择器,请经验? 谢谢 --------------解决方案------------- 我发现这一个更加稳​​健. https://github.com/jtsage/jquery-mobile-datebox 查看演示在http://dev.jtsage.com/jQM-DateBox/

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.583 (s). 10 q(s)