В настоящее время я использую модальный компонент Twitter Bootstrap, и у меня возникла проблема, связанная с использованием плагина проверки jquery для полей ввода в содержимом, которое я загружаю удаленно с помощью атрибута data-remote.

Поскольку содержимое загружается после того, как проверка jquery прошла через dom, проверка не выполняется для вновь загруженных элементов.

У меня есть решение, где я изменяю bootstrap.js (модальный класс), см. Ниже.

  var Modal = function (element, options) {
    this.options = options
    this.$element = $(element)
      .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this))
    //this.options.remote && this.$element.find('.modal-body').load(this.options.remote)

    this.options.remote && this.$element.find('.modal-body').load(this.options.remote, $.proxy(function () {
        this.$element.trigger('loaded')
    }, this)) //my additions
  }

Я запускаю «загруженное» событие для вызова, который загружает внешний фрагмент HTML.

У меня уже есть это событие, и я вызываю проверку для недавно загруженных элементов.

$('#myModal').on('loaded', function () {
                $.validator.unobtrusive.parse($(this));
            });

Моя проблема в том, что мне пришлось изменить bootstrap.js, чтобы добиться этого, есть ли способ, которым я могу работать внешне без изменения bootstrap.js? Есть ли способ получить доступ к модальному объекту на странице и прикрепить к нему «загруженное» событие? Я хотел бы сделать это во внешнем скрипте или на странице, поэтому мне не нужно беспокоиться о загрузочных версиях.