У меня в основном все мои формы для разных контроллеров в модальном поле диалога jquery, и проблема, с которой я сталкиваюсь, заключается в том, что когда эти модалы загружаются, ссылки ujs (данные -remote, data-confirm и т. д.) полностью игнорируются jquery. Я думаю, что когда эти частичные файлы загружаются через ajax, события не активируются, чтобы включить те новые ссылки, которые добавляются в dom с помощью ajax. Кто-нибудь сталкивался с этим? Кажется, я не могу понять, как это сделать. Я могу опубликовать некоторый код, если это было не очень ясно ...jQuery ujs внутри jquery modal не работает
ответ
Ok поэтому я установил его с этим, используя диалоговое пользовательский интерфейс окна пользовательского JQuery я могу теперь сделать заказ подтверждает наверх удаленные истинные связи
var myCustomConfirmBox;
$.rails.allowAction = function(element) {
var answer, callback, message;
message = element.data("confirm");
answer = false;
callback = void 0;
if (!message) {
return true;
}
if ($.rails.fire(element, "confirm")) {
myCustomConfirmBox(message, element);
}
return false;
};
myCustomConfirmBox = function(message, callback) {
$("#dialog-confirm .content").html(message);
return $("#dialog-confirm").dialog({
resizable: false,
height: 180,
modal: true,
buttons: {
Continue: function() {
$.rails.handleRemote(callback);
return $(this).dialog("close");
},
Cancel: function() {
return $(this).dialog("close");
}
}
});
};
Попробуйте переместить init ваших ujs в открытый обратный вызов в диалоговом окне.
Если динамическая добавка добавляется динамически, события будут работать только в том случае, если вы используете делегирование событий.
Существует довольно хорошая запись об основах делегирования событий в jQuery здесь - http://jqueryfordesigners.com/simple-use-of-event-delegation/. В основном вы хотите переключить обработчики, созданные с помощью bind
, чтобы использовать on
.
Функция рельсов по умолчанию для: remote => true и подтверждения данных - это то, что aren Не работает в ссылках, которые генерируются ajax. Когда у меня есть: data => {: confirm => "sure?"} С: remote => true, он задаст вопрос подтверждения, нажатие continue обновит страницу, а не удаленный вызов. – Magicmarkker
я попробовать метод, с помощью Magicmarkker, просто добавить версированную js import code на странице модального просмотра, и это работает, приветствует!
<script type="text/javascript" src="/assets/jquery_ujs.js?body=1"></script>
- 1. jQuery .on() не работает с jquery-ujs
- 2. jQuery: Dropzone.js не работает внутри bootstrap modal
- 3. ajaxSetup не работает с Rails/jquery-ujs
- 4. open modal внутри JQuery
- 5. Использование JQuery внутри boxy modal
- 6. jQuery привязка события UJS
- 7. Как Window.open внутри JQuery Modal
- 8. JQuery Datepicker changeYear внутри Modal
- 9. checkbox change using jquery/javascript не работает внутри bootstrap modal
- 10. jQuery datepicker не работает внутри Codeigniter и Bootsrap modal form
- 11. TinyMCE modal in JQuery modal не редактируется
- 12. JQuery modal не показывает
- 13. jQuery Modal не отображается
- 14. jquery-ujs события ajax не обрабатываются
- 15. jQuery timepicker не работает внутри модального
- 16. jquery-ujs уже загружен rails
- 17. Standart Удалить ссылку не работает с Rails3 + JQuery UJS
- 18. jQuery modal не работает должным образом
- 19. Chart.Js не работает в JQuery Modal Dialog
- 20. JQuery modal - External css не работает
- 21. Jquery UI Modal Dialog не работает
- 22. JQuery Modal подтверждения не работает в PHP
- 23. jquery Tablesorter прокрутка не работает bootstrap modal
- 24. window.close() не работает в JQuery modal
- 25. JQuery Datepicker не работает в bootstrap modal
- 26. jquery simple modal ie8 высота не работает
- 27. Bootstrap modal jquery hidden не работает
- 28. HTML-таблица внутри JQuery Dialog не работает
- 29. jQuery Validation плагин не работает в jQuery UI modal window
- 30. Binding не работает внутри обратного вызова JQuery
Невозможно запустить jquery_ujs, только включив его в конвейер активов, помещает его в документ. Вы действительно имеете в виду добавление нового – Magicmarkker