Entrada enmascarada de jquery en el contenido cargado: jquery, plugins, maskedinput

¡Entonces tengo un joomla! página generada en parte por funciones basadas en el usuario. Entonces, partes de los formularios en los que necesito usar el "complemento de entrada enmascarada" se cargan a través de funciones en la carga de la página. El problema que tengo es que, en los campos que son HTML estándar en la página, el complemento funciona bien pero en los campos que son generados por mis funciones php, los campos se bloquean y no permiten ninguna entrada. Supongo que es "es un problema con las funciones de php que abren los formularios después de que el complemento jquery se haya activado, pero intenté colocar la llamada .mask en $ (document) .ready y sin suerte.

aquí hay un fragmento ...

jQuery(function($){
$("#subNumber").mask("(999) 999-9999");
$(".numFix").mask("(999) 999-9999");
});

ESTO FUNCIONA ->

<form name = "subAct" id = "subAct" method="post">
<div class="col1"><input class="subaccountname" name="subName" type="text" id="subName"/></div>
<div class="col2"><input class="subaccountnumber" name="subNumber" type="text" id = "subNumber"/></div>
<div class="col3"><a href="javascript:submit()" class="buttonaddsub" id ="addSubBut">Add a New Account</a></div>
</form>

ESTE NO "T -> esta función ->

<?php dashboardFunction::displaySubAccount($uid) ?>

cargas de esta forma ->

<form name = "add_reg_num_<?php echo $pin ?>" id = "add_reg_num_<?php echo $pin ?>" method="post">
<div class="regisnumberadd"><input name="regNum" type="text" class = "numFix" />
<input name="regNumPin" type="hidden" value = "<?php echo $pin ?>"/>
</div>
<div class="clear"></div>
<div class="addregisnum"><a href="javascript:;" onClick="subRegNum(<?php echo $pin ?>)">Add Number</a></div>
</form>

Respuestas

5 para la respuesta № 1

Todo lo que necesita hacer es adjuntar un enlace de evento utilizando el método jQuery .on y cualquier elemento creado dinámicamente se conectará a ese evento.

Respondí una pregunta similar aquí https://stackoverflow.com/a/10203361/12442

---

0 para la respuesta № 2

Creo que dado que el contenido se carga dinámicamente, debes usarlo.vivir

No sé cómo usar .live con .mask.

También hay una alternativa. Puede poner el código .mask en la función de devolución de llamada de carga dinámica.

$("#dynamicContent").load("loadFromMe.php",function(){
$("#subNumber").mask("(999) 999-9999");
$(".numFix").mask("(999) 999-9999");
});

---

0 para la respuesta № 3

Solución de máscara de entrada dinámica de Jquery (enmascaramiento rápido mediante programación)

$(document).ready(function () {
$("[data-mask]").inputmask();
// Do something exciting
var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_endRequest(function () {
// re-bind your jQuery events here
$("[data-mask]").inputmask();
});

});


if (is_loose == "True") {
$("#it_qty").removeAttr("data-inputmask",""mask": "9{0,20}"");
$("#it_qty").attr("data-inputmask", ""mask": "9{0,20}.9{0,2}"");

$("[data-mask]").inputmask();

} else {

$("#it_qty").removeAttr("data-inputmask", ""mask": "9{0,20}.9{0,2}"");
$("#it_qty").attr("data-inputmask", ""mask": "9{0,20}"");
$("[data-mask]").inputmask();
}

---