cliquez sur le bouton à l'aide de jquery

J'ai un asp.net bouton sur une page, sans masterpage comme ceci:

<asp:Button ID="target" runat="server" Text="Animate Me" >
</asp:Button>

et je suis à l'appel de cette:

var panel = $('#<%= target.ClientID %>');
panel.click(function(){
  alert($(this).attr("value")); 
});

mais pas d'alerte est affiché. J'ai même essayé ceci:

$('#target').click(function(){
  alert($(this).attr("value")); 
});

mais Cela n'a pas fonctionné.

Veuillez me suggérer comment cliquer sur le bouton et ce qui est question dans le code ci-dessus.

Grâce.

InformationsquelleAutor DotnetSparrow | 2011-02-28
  1. 2

    Code suivant a travaillé pour moi

     var panel = $('#<%= target.ClientID %>');
 eval(panel.trigger('click'));

    et asp.net le bouton ressemble à ceci.

     <asp:Button ID="target" runat="server" Text="Animate Me" 
     OnClientClick="alert('button clicked');return false;" > </asp:Button>

    espère que ça aidera quelqu'un quelque temps 🙂

    InformationsquelleAutor DotnetSparrow
  2. 0

    Avez-vous mis votre code à l'intérieur de $(document).ready() assurez-vous qu'il est enveloppé

    Un exemple serait 

    $(document).ready(function(){
   $('#target').click(function(){ 
     alert($(this).val());  //use .val() if you're getting the value
   });
});
    • oui. C'est à l'intérieur du document.prêt de la fonction
    • Je ne suis pas sûr de savoir comment ASP.NET les manipule, mais jetez un oeil à votre code HTML. En fonction du type de bouton est créé, vous pourriez avoir à changer le code. Exemple ici : jsfiddle.net/jomanlk/PUpnr
    • Salut JohnP: je viens de vérifier et le html généré ressemble à ceci : <input type="submit" name="target" value="Animer Moi" onclick="return false;" id="cible" />
    • Ok, comme d'utilisateur Yads mentionne, vous devez supprimer ce onclick pour que cela fonctionne. Et à utiliser .val() pour obtenir la valeur
    • Je n'ai pas de onclick bouton de balisage. Je n'ai que onclientClick
    • Je parle onclick="return false;" dans le code HTML que vous avez posté. Pas sûr de la façon ASP travaille, mais vous avez besoin de l'enlever. À moins qu'il y est un ASP spécifique de la façon de le gérer.

    InformationsquelleAutor JohnP
  3. 0

    La raison est parce qu'un serveur asp bouton crée une ligne onclick gestionnaire qui appelle la doPostBack fonction. Cette fonction est exécutée et envoie le formulaire au serveur. Ce qui se passe avant que votre gestionnaire est exécuté. Je voudrais suggérer à l'aide d'un code html touche d'entrée (non serveur), vous pouvez également utiliser le OnClientClick attribut si vous devez également côté serveur cliquez sur la manipulation.

    • en fait, je suis en utilisant JQUery QUnit et j'ai besoin d'effectuer un clic de bouton de QUnit test et ensuite voir ce qui est en effet après cliquez sur. Je ne peux pas utiliser onclientclick
    • si c'est juste pour un test, vous pouvez supprimer l'attribut onclick à l'aide de jQuery.
    • Je ne peux pas sue parce que j'ai besoin de le tester contre côté serveur cliquez sur le bouton
    • l'effet après le clic sera un appel à doPostBack. Alors, voulez-vous attacher un gestionnaire ou voulez-vous tester ce qui se passe lorsque vous cliquez sur le bouton?
    • Dans le test que j'ai besoin d'abord de créer gestionnaire d'événement, puis tester l'effet
    • BTW mon test ressemble à ceci asyncTest('Animation onClick', function () { setTimeout(function () { attendre(1); var panneau = $('#<%= cible.ClientID %>'); $('#cible").cliquez sur(function () { alert($(this).val()); }); var réelle = panel.css('background-color'); equals(réels, 'bleu', 'Appelant onClick'); début de la(); }, 100); });

    InformationsquelleAutor Vadim