Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.06.2018, 10:24
Кандидат Javascript-наук
Отправить личное сообщение для Retro_1477 Посмотреть профиль Найти все сообщения от Retro_1477
 
Регистрация: 14.04.2018
Сообщений: 113

Фиксирование элемента в теге
Всем привет. Мне нужно сделать перетягивание элемента в тег td и чтобы он там зафиксировался. Я нашёл нужную мне функцию в jQuery UI https://jqueryui.com/droppable/#revert . И я не могу реализовать фиксирование элемента в ячейке. (Квадратик сделан на канвасе). На данный момент я перетягиваю элемен в ячейку и она загорается жёлтым, а элемент уходит обратно.

Игровое поле создаётся через js

<div id="ships_collection" class="ships-collection" data-hidden="true">
<canvas id="ship1" class="ui-widget-content"></canvas>
</div>


$( function() {
    $( "#ship1" ).draggable({ revert: "valid" });
 
    $( "td" ).droppable({
      classes: {
        "ui-droppable-active": "ui-state-active",
        "ui-droppable-hover": "ui-state-hover"
      },
      drop: function( event, ui ) {
        $( this )
          .addClass( "ui-state-highlight" )
      }
    });
  } );
Изображения:
Тип файла: jpg Screenshot_1.jpg (7.8 Кб, 5 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 21.06.2018, 12:16
Профессор
Отправить личное сообщение для Manyasha Посмотреть профиль Найти все сообщения от Manyasha
 
Регистрация: 21.09.2015
Сообщений: 196

Retro_1477,
так может наоборот надо, revert: "invalid"?
И после 11-й строчки добавить
$("td").not(this).droppable("disable");
Ответить с цитированием
  #3 (permalink)  
Старый 21.06.2018, 12:37
Кандидат Javascript-наук
Отправить личное сообщение для Retro_1477 Посмотреть профиль Найти все сообщения от Retro_1477
 
Регистрация: 14.04.2018
Сообщений: 113

Спасибо, работает)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не корретная работа выбора элемента в динамическом <select> CTABP Элементы интерфейса 3 19.09.2017 15:24
Изменить класс родительского элемента STyLe Общие вопросы Javascript 1 29.05.2014 20:21
как узнать размер в пикселях элемента созданного элемента span Faab Общие вопросы Javascript 2 09.11.2013 16:46
Замена DOM элемента другим элементом MaxXxaM Events/DOM/Window 5 04.05.2013 01:24
как обратиться к items элемента из другого элемента и изменить его? Krepkii ExtJS 2 12.02.2013 14:53