Jquery ne fonctionne pas lorsque extériorisée à js

Question

$(function() { $('#<%=btnAdd.ClientID%>').click( { code }); });

Le code jquery ci-dessus, je l'ai écrit dans le code ASPX et il fonctionne très bien. Mais quand j'ai essayé d'externaliser le code en créant un fichier js et en transférant le code interne dans ce fichier, cela ne fonctionne pas. Je veux dire quand j'écris le même code dans un fichier externe et l'ajoute à la page aspx cela ne fonctionne pas.Peut-on m'aider à résoudre le problème?

Answer 1

Cela peut être fait en passant la valeur dans une variable de la page ASPX. Comme: En page ASPX:

<script language="javascript" type="text/javascript"> 
var btnAdd = '<%= btnAdd.ClientID %>'; 
<script> 

Dans le fichier js extériorisée:

$(function() 
{ 
    $('#' + btnAdd).click({ 
     ----code---- 
    }); 
}); 

Answer 2

<% = btnAdd.ClientID%> ne sera pas analysé par le processus de travail asp.net afin qu'il ne soit pas remplacé par l'ID client du bouton. Ce code doit être dans votre page aspx.
L'alternative consiste à sélectionner votre bouton d'une manière différente, par ex. classe, entrée [type = « submit »], etc.

$(function() { $('input[type="submit"]').click({ code }); }); 

Answer 3

C'est parce que <%=btnAdd.ClientID%> est littéralement dans le fichier, ce n'est pas une balise de serveur évalué résultant en quelque chose comme container_btnAdd, au lieu donner le bouton une classe, comme ceci:

<asp:Button id="btnAdd" runat="server" CssClass="btnAdd" Text="Add" /> 

Ensuite, utilisez que classe dans votre sélecteur, de sorte que l'ID ne sera pas question, comme ceci:

$(function() { 
    $('.btnAdd').click({ code }); 
});