asp.netコントロールidをjquery関数にパラメータで渡す

Question

どうすれば、asp.netコントロールidをjquery関数のパラメータに動的に渡すことができますか？ここ は私が

SelectedDivAnimation('#'+<%=txtFirstName.ClientID%>); 
SelectedDivAnimation('#'+<%=txtLastName.ClientID%>); 

function SelectedDivAnimation(aspControl) { 
     $(controlid).on('focus', function() { 
      $(this).css({'width':'100%','transition':'1s'}); 
     }); 
     $(controlid).on('focusout', function() { 
      $(this).css({ 'width': '50%', 'transition': '1s' }); 
     }); 
    } 

私も私はこれを実行すると期待どおりに動作しないと何も起こりません。この

SelectedDivAnimation('#<%=txtFirstName.ClientID%>'); 
SelectedDivAnimation('#<%=txtLastName.ClientID%>'); 

を試すことをやろうとしています方法です。 <%と%>間

Answer 1

すべては、サーバー上で起こるので、すべてを行う必要が+をドロップし、%>後に2つ目の引用を移動している -

SelectedDivAnimation('#<%=txtFirstName.ClientID%>'); 
SelectedDivAnimation('#<%=txtLastName.ClientID%>'); 

はそれがASPページであると仮定すると。

だから txtFirstName.ClientIDは、サーバーがクライアントに送信する前に client_aと <%=txtFirstName.ClientID%>に置き換えられます client_aに設定されているものとします。だから、クライアントが実際にこれを見ます -

SelectedDivAnimation('#client_a'); 

、あなたのクライアントに正しいIDを見ているなら、それは良いことだ、しかし、あなたは別の問題を持っている -

function SelectedDivAnimation(aspControl) { 
    $(controlid).on('focus', function() { 
     $(this).css({'width':'100%','transition':'1s'}); 
    }); 
    $(controlid).on('focusout', function() { 
     $(this).css({ 'width': '50%', 'transition': '1s' }); 
    }); 
} 

あなたの関数に変数aspControlを渡しますしかし、あなたはcontrolidと呼ばれる変数を使用しています。両方を同じに設定することをお勧めします。 -

function SelectedDivAnimation(aspControl) { 
    $(aspControl).on('focus', function() { 
     $(this).css({'width':'100%','transition':'1s'}); 
    }); 
    $(aspControl).on('focusout', function() { 
     $(this).css({ 'width': '50%', 'transition': '1s' }); 
    }); 
}