¿Por qué en el primer ejemplo, cuando almaceno un Id Selector JQuery en una variable, la funcion open() no hace nada? En el ejemplo 2 el dialog box modal se visualiza correctamente...
Ejemplo 1)
var modalBox = (function(){
var $modalBoxDialog = $('#modal-box-dialog');
return {
open: function() {
$modalBoxDialog.modal('show');
}
};
})();
Ejemplo 2)
var modalBox = (function(){
return {
open: function() {
$('#modal-box-dialog').modal('show');
}
};
})();
llamada a la funcion open():
onclick="modalBox.open();"
codigo modal box:
<div class="modal fade" id="modal-box-dialog" role="dialog">
<div class="modal-box">
<div class="modal-box-body">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" id="modal-box-title">¿Olvidaste tu clave o la tienes bloqueada?</h4>
</div>
<div class="modal-body" id="modal-box-body">
<dl>
<dt>Solicita una nueva clave entrando en:</dt>
<dd>- Intranet Privada</dd>
<dd>- Procesos</dd>
<dd>- Aplicaciones y gestión</dd>
<dd>- Tecnologia</dd>
<dd>- Buzón de seguridad informática</dd>
<dd>- Petición genérica</dd>
<dt>Especificando que es una clave nueva para un usuario OPEN.</dt>
</dl>
</div>
<div class="modal-footer">
<div class="row">
<div class="col-xs-3 pull-right">
<button type="button" class="btn btn-danger btn-block" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>