jQuery zamaskowane wejście na załadowaną zawartość - jquery, wtyczki, maskedinput

Więc mam Joomla! strona, która jest częściowo generowana przez funkcje oparte na użytkowniku. Tak więc części formularzy, których potrzebuję użyć „zamaskowanej wtyczki wejściowej” są ładowane za pomocą funkcji podczas ładowania strony. Problemem jest to, że w polach, które są standardowym HTML na stronie, wtyczka działa dobrze, ale w polach generowanych przez moje funkcje php, pola blokują się i nie pozwalają na żadne dane wejściowe. Domyślam się, że to "Problem z funkcjami php ściągającymi formularze po uruchomieniu wtyczki jquery, ale próbowałem umieścić wywołanie .mask w $ (dokumencie) .ready i bez powodzenia.

oto fragment ...

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

TO DZIAŁA ->

<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>

TEN JEDEN NIE „T -> ta funkcja ->

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

ładuje w tej formie ->

<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>

Odpowiedzi:

5 dla odpowiedzi № 1

Wystarczy dołączyć powiązanie zdarzenia przy użyciu metody jQuery .on, a każdy dynamicznie utworzony element zostanie podłączony do tego zdarzenia.

Odpowiedziałem na podobne pytanie tutaj https://stackoverflow.com/a/10203361/12442

---

0 dla odpowiedzi nr 2

Myślę, że skoro treść ładuje się dynamicznie, musisz jej użyć.relacja na żywo

Nie wiem, jak korzystać z .live z .mask.

Istnieje również alternatywa. Możesz umieścić kod .mask w funkcji zwrotnej dynamicznego ładowania.

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

---

0 dla odpowiedzi № 3

Rozwiązanie Dynamic Jquery Input mask (programowe maskowanie swicth)

$(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();
}

---