2008-11-03 8 views
13

JQuery kullanarak Unobtrusive Javascript'e iyi 10 dakikalık bir tanıtım arıyorum. Konsepte tamamen yeniyim ve olayın nasıl bağlandığını ve nasıl çalıştığını görmek istiyorum.jquery ile göze batmayan javascript - iyi 10 dakika öğretici?

Biraz arka plan olarak, SO üzerinde sahip olduklarımıza benzer bir "bu etiketi kaldır" sistemini yapmak istiyorum. Kaynağa bakarak, herhangi bir js görmedim, sadece bir img etiketi. Bu beni tıklama olayına bağlanan harici js olması gerektiğini düşünmeme neden oluyor. Bunu nasıl yapacağımı bilmek istiyorum ve nasıl olduğunu gösteren bir eğitim istiyorum!

<html> 

<head> 
<script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> 
<script type="text/javascript"> 
    // execute script only when DOM has finished loading 
    $(document).ready(function() { 
     $('#removeme').click(function() { 
      // remove element that has been target of the event 
      $(this).remove(); 
      // stop browser from following the link 
      return false; 
     }); 
    }); 
</script> 
</head> 

<body> 
    <p> 
    <a id="removeme" href="http://example.org">Remove me</a> 
    </p> 
</body> 
</html> 
+1

bu deneyin: – Rahul

+0

burada onlardan bir bütün döndürmek gibi görünür: Simon Willison tarafından //files.simonwillison.net/2008/xtech-unobtrusive-jquery.pdf). –

+1

Geçenlerde bulundu (http [jQuery ile sigara rahatsızlık javascript güzel bir makalesinde]: railscasts.com/episodes/205-unobtrusive-javascript – nivcaner

cevap

11

Ben başlatmak için :)

tıkladığınız olduğunuz bir bağlantıyı kaldırmak

Basit bir örnek aşağıda iyi bir yer olurdu jQuery ana sayfasında Tutorials sayfasını tahmin http: // http://docs.jquery.com/Tutorials