2016-02-11 3 views
0

Я пытаюсь использовать плагин interact.js для перетаскивания & drop with bootstrap. Это работает, но когда я помещаю перетаскиваемый ящик в навигатор, он перестает работать.Конфликт между bootstrap и interactive.js

Для лучшего понимания: https://jsfiddle.net/4ddoqcpj/

"Beat-TEST" работает хорошо, но с другой (в нав) упасть и не будет оставаться в dragzone.

Может ли кто-нибудь мне помочь? Пожалуйста! Это в школе, но мой учитель не знает, как использовать загрузчик и все ...

+1

Эй, Пьер, можете ли вы указать, что «перестает работать» и что вы ожидаете (визуализируйте его, может быть)? – A1rPun

+0

Эй! Вы видели ссылку? Я просто сказал, что коробка под названием «Beat-Test» работает так, что я хочу для всех. «Beat-Long1» и «Beat gras» не делают то же самое ... Вы поняли? –

+0

Вы отредактировали ваше сообщение, чтобы включить текст, который не добавляет значения к вопросу, они были удалены [по причине] (http://meta.stackexchange.com/questions/2950/should-hi-thanks-taglines- и-приветствия-быть удалены, от-сообщений). – A1rPun

ответ

1

Во-первых у вас есть эта конфигурация:

accept: '#yes-drop', 

Обычно идентификаторы используются только один раз на странице, у вас есть несколько элементы с одинаковым идентификатором. Я рекомендую принять класс .draggable.

Теперь для данной проблемы вы указываете restriction: "parent" в конфигурации. Если вы удалите, что другие элементы могут быть сброшены, как вы ожидаете.

+0

Большое спасибо! У меня была причина для ID, но я не помню, какой из них: D Я собираюсь проверить ограничение, я вернусь сюда, если это не сработало ... –

Смежные вопросы