javascript'i kullanmak için tıklayın

Bunun gerçekten basit bir soru olduğunu biliyorum, ancak neden çalışmadığını göremiyorum. div'a tıklamak uyarıya neden olur, ancak gönderilerin hiçbiri yapmaz. Ne yapıyorum bu yanlış mı?javascript'i kullanmak için tıklayın

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

kaynak

2016-04-09 RGriffiths

Eğer sınıfla eleman yok 'sınıf' submit' sahip bir element yoktur sayfa –

üzerine .submit'. '$ (" [Type = 'submit'] ")' –

'$ (". Submit ")' i kullanabilirsiniz. * Öğeleri, sınıfın veya sınıfın değil * sınıfının * ile seçer. Örn: ' – j08691

Neden kodunuz çalışmıyor?

Sınıf .submit ile hiçbir öğe yoktur. Yani click çalışmayacak.

Çözüm

$("[type='submit']") gibi düzgün bir seçiciyi kullanın veya elemana sınıf submit ekleyin.

Çalışma 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>

kaynak

2016-04-09 16:31:16

Mükemmel - çok teşekkür ederim. Çok fazla cevaba bakıyordum ve hepsi sadece .submit'e atıfta bulunuyordum. – RGriffiths

@RGriffiths Yardım etmek için her zaman mutluluk duyuyorum :) –

İlginçtir ki sitemde çalışan sadece Click sürümü. Eğer ('tıklayın' .... kullanırsam asla ateş etmez. Sanırım On'un amacını anlıyorum ama sayfada birçok gönderme düğmesi bu yöntemi kullanarak bir soruna neden olur? – RGriffiths

javascript'i kullanmak için tıklayın

cevap

İlgili konular