Как мне удалить виджеты в jQuery?

Question

Как мне удалить виджеты в jQuery?

0

Я обращаюсь к виджетам jQuery. Мне нужно добавить кнопку Cross X, которая удалит виджет. как мне это сделать?

Вот мой jsfiddle

PythonEnthusiast 22 окт. 2013, в 14:55

Источник

Теги:

jquery

jquery-ui

jquery-ui-sortable

1 ответ

Ещё вопросы

Rohan Kumar · Accepted Answer · 2013-10-22T09-52-00.000Z

1

Лучший ответ

Используйте метод destroy(), например,

$( ".selector" ).sortable( "destroy" );

В вашем коде

$(document).on('click','.close',function(){
     $(this).closest('.column').sortable( "destroy" ).remove();// to destroy element
     //$(this).closest('.column').sortable( "destroy" );// to destroy widget only
});

демонстрация

Rohan Kumar 22 окт. 2013, в 09:52

0

Я написал это. $('#column1').on('click', '.portlet-header .ui-icon',function() { $(this).sortable("destroy"); }); Не работает.
PythonEnthusiast 22 окт. 2013, в 12:18
0

Можете ли вы предоставить мне рабочую демонстрацию. Благодарю.
PythonEnthusiast 22 окт. 2013, в 12:19
0

Вот мой jsfiddle
PythonEnthusiast 22 окт. 2013, в 12:23
0

@ user1162512 Посмотрите мой ответ Я добавил demo или посмотрите на jsfiddle.net/rohankumar1524/m8uPX
Rohan Kumar 22 окт. 2013, в 12:36
0

В вашей текущей версии он удаляет весь столбец, который может включать 3/4 или многие другие виджеты. Удаляет все виджеты в столбце. Я хочу удалить только выбранный виджет. Я пробовал $(this).closest('.portlet').sortable( "destroy" ).remove(); но это не работает.
PythonEnthusiast 22 окт. 2013, в 12:45
0

Это должен быть $(this).closest('.portlet').remove();
PythonEnthusiast 22 окт. 2013, в 12:46
0

@ user1162512 попробуйте это jsfiddle.net/rohankumar1524/m8uPX/1
Rohan Kumar 22 окт. 2013, в 12:48

Показать ещё 5 комментариев