Блог

Возможно ли с помощью jQuery / jQuery UI сделать узлы опций выбранного узла сортируемыми?

Это позволило бы пользователю перетаскивать параметры в том порядке, в котором они хотели бы.

Например:

 <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