как перетащить только с помощью кнопки, а не по всей строке?

Question

как перетащить только с помощью кнопки, а не по всей строке?

0

Я делаю демоверсию, в которой пользователь может перетаскивать строку. В моем демоверситете строка держится где угодно (от всей ширины строки) и отбрасывается в другую позицию. Мне нужно предотвратить, чтобы она только перетаскивалась, когда пользователь в области кнопки. Если пользователь хочет перетащить строку, он должен удерживать область кнопки и уходить куда угодно.

Я создаю строку после нажатия кнопки. Теперь я хочу предотвратить перетаскивание из всей ширины только в области кнопок.

Вот моя скрипка

http://jsfiddle.net/FZQ8D/22/

$("#testCaseContainer").sortable({
          stop: function( event, ui ) {



          }
    }).disableSelection();

сначала создайте 2 или 3 строки после нажатия кнопки добавления.

то он должен перетащить на область кнопки.

благодаря

Shruti 29 май 2014, в 17:22

Источник

0

jQuery UI Sortable имеет атрибут handle, который должен быть селектором для идентификации вашего объекта, который инициирует перетаскивание для элемента. Вы пытались использовать это?
scragar 29 май 2014, в 14:29
1

jsfiddle.net/FZQ8D/23 <- Действительно простой тест с handle атрибута handle , но он не работает с кнопками, поскольку кнопки не являются перетаскиваемыми объектами, поэтому я заменил их на некрасивый диапазон.
scragar 29 май 2014, в 14:37
0

@scragar не пытался. Я не знаю, что я также впервые использую этот js .. вы можете использовать fiddle для make.so, чтобы я мог лучше понять.
Shruti 29 май 2014, в 14:38
0

@ Scragar спасибо за помощь .. Можете ли вы дать ссылку, где все API и события доступны ..
Shruti 29 май 2014, в 14:48
0

api.jqueryui.com/sortable
scragar 29 май 2014, в 14:49
0

Вам все еще нужна помощь? Если ваша проблема решена, вы должны написать ответ самостоятельно или удалить этот вопрос.
Gajotres 29 май 2014, в 16:45

Показать ещё 4 комментария

Теги:

javascript

jquery

jquery-ui

jquery-ui-sortable

jquery-mobile

1 ответ

Ещё вопросы

jQuery UI Sortable имеет атрибут handle, который должен быть селектором для идентификации вашего объекта, который инициирует перетаскивание для элемента. Вы пытались использовать это?
jsfiddle.net/FZQ8D/23 <- Действительно простой тест с handle атрибута handle , но он не работает с кнопками, поскольку кнопки не являются перетаскиваемыми объектами, поэтому я заменил их на некрасивый диапазон.
@scragar не пытался. Я не знаю, что я также впервые использую этот js .. вы можете использовать fiddle для make.so, чтобы я мог лучше понять.
@ Scragar спасибо за помощь .. Можете ли вы дать ссылку, где все API и события доступны ..
Вам все еще нужна помощь? Если ваша проблема решена, вы должны написать ответ самостоятельно или удалить этот вопрос.

user944513 · Accepted Answer · 2014-05-29T22-17-00.000Z

Как @scragar дал прекрасный ответ.

$("#testCaseContainer").sortable({
        handle: '.editButton',
          stop: function( event, ui ) {

                      var obj={};
        var len=$("#testCaseContainer > div").length;
    // alert("all Index");
        for(var i=0;i<len;i++){
           // var id=
      //alert($("#testCaseContainer > div").eq(i).find('li').attr('id'));
            obj[i]=$("#testCaseContainer > div").eq(i).find('li').attr('id');

          //  alert($("#testCaseContainer > div")[0].find('li').id);

        }
console.log(obj)  

          }
    }).disableSelection();