Getting Javascript Klicken Sie zur Arbeit

Ich weiß, dass dies eine wirklich einfache Frage ist, aber ich kann nicht sehen, warum es nicht funktioniert. Durch Klicken auf das Div wird der Alert ausgelöst, aber keiner der Submits. Was mache ich falsch?Getting Javascript Klicken Sie zur Arbeit

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $(".submit").click(function(){ 
     alert("Test 1 was clicked."); 
    }); 

    $(".submit").on('click', function(){ 
     alert("Test 2 was clicked."); 
    }); 

    $("#test").click(function(){ 
     alert("Test 3 was clicked."); 
    }); 
}); 
</script> 
</head> 
<body> 

<input type='submit' value='Click'> 
<div id='test'>Click</div> 

</body> 
</html>

Quelle

2016-04-09 RGriffiths

Sie nicht das Element mit Klasse '.submit' auf der Seite –

Es gibt kein Element mit der Klasse' submit'. Sie können '$ (" [type = 'submit'] ") verwenden' –

'$ (". Submit ")' selektiert Elemente mit der * Klasse * von submit, nicht dem Typ oder Namen. Bsp: '' – j08691

Warum funktioniert Ihr Code nicht?

Es gibt kein Element mit der Klasse .submit. Also click wird nicht funktionieren.

Lösung

einen richtigen Selektor wie $("[type='submit']") verwenden oder die Klasse submit das Element hinzufügen.

Working Demo

$("[type='submit']").click(function() { 
 
    alert("Test 1 was clicked."); 
 
}); 
 

 
$("[type='submit']").on('click', function() { 
 
    alert("Test 2 was clicked."); 
 
}); 
 

 
$("#test").click(function() { 
 
    alert("Test 3 was clicked."); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type='submit' value='Click'> 
 
<div id='test'>Click</div>

Quelle

2016-04-09 16:31:16

Ausgezeichnet - vielen Dank. Ich habe mir so viele Antworten angesehen und alle verweisen einfach auf .submit. – RGriffiths

@RGriffiths Immer froh zu helfen :) –

Interessanterweise ist es nur die Click-Version, die auf meiner Website funktioniert. Wenn ich den on ('klick' .... es wird nie feuern. Ich glaube, ich verstehe den Zweck des On aber würde viele Senden Schaltflächen auf der Seite verursachen ein Problem mit dieser Methode? – RGriffiths

Getting Javascript Klicken Sie zur Arbeit

Antwort

Verwandte Themen