jquery屏蔽加载内容上的输入
所以我有一个乔姆拉!部分由基于用户的函数生成的页面。因此,我需要使用“屏蔽输入插件”的部分表单是通过页面加载上的函数加载的。我遇到的问题是,在页面上的标准HTML字段上,插件工作正常,但在由php函数生成的字段上,字段被锁定,不允许任何输入。我的猜测是,在jquery插件启动后,php函数拉入表单是一个问题,但我尝试将.mask调用放入$(document).ready,但没有成功 这里有一个片段jquery屏蔽加载内容上的输入,jquery,plugins,maskedinput,Jquery,Plugins,Maskedinput,所以我有一个乔姆拉!部分由基于用户的函数生成的页面。因此,我需要使用“屏蔽输入插件”的部分表单是通过页面加载上的函数加载的。我遇到的问题是,在页面上的标准HTML字段上,插件工作正常,但在由php函数生成的字段上,字段被锁定,不允许任何输入。我的猜测是,在jquery插件启动后,php函数拉入表单是一个问题,但我尝试将.mask调用放入$(document).ready,但没有成功 这里有一个片段 jQuery(function($){ $("#subNumber").mask("(999)
jQuery(function($){
$("#subNumber").mask("(999) 999-9999");
$(".numFix").mask("(999) 999-9999");
});
这是有效的-->
这个没有-->
此函数-->
以这种形式加载-->
我认为,由于内容动态加载,您需要使用
我不知道怎么用。戴着面具生活
还有一种选择。您可以将.mask代码放入动态加载的回调函数中
$("#dynamicContent").load("loadFromMe.php",function(){
$("#subNumber").mask("(999) 999-9999");
$(".numFix").mask("(999) 999-9999");
});
您所需要做的就是使用jQuery.on方法附加一个事件绑定,任何动态创建的项都将连接到该事件
我在这里回答了一个类似的问题动态Jquery输入掩码解决方案(以编程方式切换掩码)
<?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>
$("#dynamicContent").load("loadFromMe.php",function(){
$("#subNumber").mask("(999) 999-9999");
$(".numFix").mask("(999) 999-9999");
});
$(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();
}