Atualmente, estou usando o componente modal Twitter Bootstrap e tenho um problema em que uso o plug-in de validação de jquery nos campos de entrada no conteúdo que carrego remotamente usando o atributo data-remote.

Como o conteúdo é carregado após a validação do jquery ser executada no Dom, a validação não ocorre para os elementos recém-carregados.

Eu tenho uma solução na qual modifico o bootstrap.js (a classe modal), veja abaixo.

  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
  }

Eu aciono um evento 'carregado' na chamada que carrega o fragmento html externo.

Eu já tenho esse evento conectado e chamo a validação dos elementos recém-carregados.

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

Meu problema é que eu tive que modificar o bootstrap.js para conseguir isso. Existe uma maneira de fazer isso funcionar externamente sem modificar o bootstrap.js? Existe uma maneira de acessar o objeto modal em uma página e anexar o evento 'carregado' a ele? eu gostaria de fazer isso em um script externo ou dentro de uma página, para não precisar me preocupar com as versões de autoinicialização.