nasıl javascript

Question

ben bu jQuery fonksiyonu var gibi bir jquery işlevi çağırmak için:

$('.scrollToLoginBox').click(function(){ 
    $('html, body').animate({scrollTop: $("#LoginBox").offset().top-5}, 'slow');     
}); 

Bir sınıf olarak istemiyorum, böyle diyoruz edebilmek istiyorum: onClick="scrollTo(id);"

Yani

, ben İşlevin nasıl javascript biçimi:

function scrollTo(id){ 
    $('html, body').animate({scrollTop: $("#'+id+'").offset().top-5}, 'slow'); 
} 

yayıncı tarafından DÜZENLENECEK:

Senden nefret etmiyorum, o) Bütün cevaplarını takdir ediyorum ama kimliğini almaya çalışmıyorum. Öte yandan, yukarıda yayınladığım aynı işlevi oluşturmaya çalışıyorum. Yani, bir tıklama ile ben (Ex. Giriş veya LoginBox var) kimliği gönderir, böylece işlev yavaşça bağlantı noktasına (id = Giriş veya LoginBox) kaydırır.

Şimdi böyle söylemek zorunda: class = "scrollToLoginBox" yerine ben = "scrollTo ('LoginBox') onClick aramak istiyorum; ben yukarıdaki gibi 20 özdeş işlevlere sahip

, Her kimlik için bir tane var ve sahip olmadığım bir başka örnek: class = "scrollToSettings", bunun yerine onClick = "scrollTo ('LoginBox'); veya onClick = "scrollTo ('Ayarlar'); ı id alır tek fonksiyonu istiyorum

  $('.scrollToSettings').click(function(e){ 
     $('html, body').animate({scrollTop:$("#settings").offset().top-5}, 'slow');   
     return false;  
    }); 

    $('.scrollToFaqs').click(function(e){ 
     $('html, body').animate({scrollTop:$("#formCode").offset().top-5}, 'slow');   
     return false;  
    }); 

Sadece bu jQuery işlevine id geçmesine nasıl bilmiyorum;. o)

Answer 1

tıkladığınız olan öğeye id geçmek istiyorsanız

, o zaman this.id

Live Demo

onClick="scrollTo(this.id);" 

I kullanmak gerekir f some other control kimliğini geçmek istiyorsanız, kimliği basitçe dizge olarak geçirebilirsiniz.

onClick="scrollTo('idOfHTMLElement');" 

Düzenleme javascript fonksiyonu html elemanları geçirilmesi değerleri için, yorum dayalı.

Veri özelliklerinin tutun, özel özellikler için kullanılır ve jQuery işlevi kullanımda data() işlev erişilen olabilir.

Html

<div class="scrollToCal" data-idtopass="Anchor">click me to go to Anchor</div>​ 

JavaScript

jQuery(document).ready(function($) { 

    $('.scrollToCal').click(function() { 

     $('html, body').animate({ 
      scrollTop: $('#' + $(this).data('idtopass')).offset().top - 5 
     }, 'slow'); 
     return false; 
    }); 

});​