/ /ロードされたコンテンツのjqueryマスク入力-jquery、プラグイン、maskedinput

ロードされたコンテンツのjqueryマスク入力 - jquery、plugins、maskedinput

だから私はjoomlaを持っています! ユーザーに基づく関数によって部分的に生成されるページ。したがって、「マスクされた入力プラグイン」を使用する必要があるフォームの一部は、ページの読み込み時に関数を介して読み込まれます。私が抱えている問題は、ページ上の標準HTMLのフィールドでは、プラグインは正常に機能しますが、私のphp関数によって生成されたフィールドでは、フィールドがロックされ、入力が許可されないことです。 「jqueryプラグインが起動された後にフォームを取り込むphp関数の問題ですが、$(document).readyに.mask呼び出しを配置し​​ようとしましたが、運はありません。

ここに「スニペット...

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

この作品->

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

この1つはありません-> この関数->

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

この形式で読み込む->

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

回答:

回答№1は5

必要なことは、jQuery .onメソッドを使用してイベントバインディングをアタッチするだけで、動的に作成されたアイテムはすべてそのイベントに関連付けられます。

ここで同様の質問に答えました https://stackoverflow.com/a/10203361/12442


回答№2の場合は0

コンテンツは動的にロードされるため、使用する必要があると思います。ライブ

.maskで.liveを使用する方法がわかりません。

別の方法もあります。ダイナミックロードのコールバック関数に.maskコードを配置できます。

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

回答№3の場合は0

動的Jquery入力マスクソリューション(プログラムによるスイッキングマスキング)

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