Nano Hash - криптовалюты, майнинг, программирование

связь между диалогом модели и вызывающей функцией

У меня есть список изображений и кнопка удаления, прикрепленная к каждому изображению.

при нажатии кнопки удаления я открыл всплывающее окно для подтверждения, используя модальный twitter bootstrap с помощью обработчика событий jquery.

Теперь, когда я нажимаю кнопку подтверждения во всплывающем окне, как я могу вернуть значение вызывающей функции (кнопка удаления), чтобы я мог удалить изображение из dom?

Twitter Bootstrap Modal: http://twitter.github.com/bootstrap/javascript.html#modals

Ниже приведен код, который я использовал для вызова диалогового окна модели:

$('.close-btn').click(function(e) {
    e.preventDefault();
    $('#myModal').modal('show');
    //$(this).parents('li').remove();
});
jquery twitter-bootstrap
28.04.2012

  • Под всплывающим окном вы подразумеваете новое окно или просто модальный диалог? Возможно, мне придется изменить свой ответ. 28.04.2012
  • Я имею в виду модальный диалог, созданный в html и вызываемый с помощью javascript. 28.04.2012
  • Пожалуйста, ознакомьтесь с модальным окном Twitter Bootstrap, которое я упомянул в своем вопросе. 28.04.2012
  • Тогда мой ответ ниже правильный 28.04.2012

Ответы:


1

Я не уверен, что это правильный способ написать это, но это сработало для меня:

        $('.close-btn').click(function(e) {
            e.preventDefault();
            e.stopPropagation()
            $('#myModal').modal('show');
            var elm = $(this).parents('li');
            $('.confirm-delete').click(function(e) {
                e.preventDefault();
                $(elm).remove();
                $('#myModal').modal('hide')
            })
        });
07.05.2012

2

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

$('.close-btn').click(function(e) {
    e.preventDefault();
    $('#myModal').modal('show');
    //$(this).parents('li').remove();
});

$('#confirmDeleteButton').click(function() {
    //code here to delete the associated picture
}
28.04.2012
  • Спасибо, Пит, но у меня есть несколько кнопок удаления и одно диалоговое окно подтверждения, как я могу определить, какая кнопка удаления была нажата, когда я нажимаю кнопку подтверждения. 28.04.2012
  • Существуют разные методы. Вы можете динамически назначать уникальный идентификатор каждой кнопке. Использование jQuery data() — это еще один вариант, который я бы использовал. См. мой вопрос здесь, это то же самое, что и вы повторно пытаюсь сделать, кроме того, что я выполнял дополнительную обработку, а не удалял. 28.04.2012
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..