2011-11-01 74 views
4

所以我有一個joomla!該頁面部分由基於用戶的功能生成。因此,我需要使用「屏蔽輸入插件」的表單部分通過頁面加載時的函數加載。我遇到的問題是,在頁面上的標準HTML字段上,插件工作正常,但在由我的php函數生成的字段中,字段鎖定並且不允許任何輸入。我的猜測是,這是一個問題,在jquery插件被解僱後,php函數拉入表單中,但我嘗試將.mask調用放在$(document).ready中,並且沒有運氣。jquery蒙面輸入加載內容

這裏有一個片段......

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> 

這一個不 - > 這個功能 - >

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

回答

5

您只需使用jQuery.on方法附加事件綁定,並且任何動態創建的項目都將連線到該事件。

我在這裏回答類似的問題https://stackoverflow.com/a/10203361/12442

+0

工作就像一個魅力 – ladieu

+0

太好了,謝謝你讓我知道。我已經使用了很多 –

0

我認爲,因爲內容動態加載需要使用。 live

我不知道如何使用.live與.mask。

還有一個選擇。您可以將.mask代碼放入動態加載的回調函數中。

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

動態jQuery的輸入掩碼解決方案(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(); 
      }