Question

我有这个jQuery函数：

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

我不希望它作为一个班级，我希望能够这样称呼它：onClick="scrollTo(id);"

那么，我该如何以javascript格式放置该函数：

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

由出版商编辑：

我不讨厌你们; o）我很欣赏你们的所有答案，但我并不是想要获得这个。另一方面，我正在尝试构建我上面发布的相同功能。所以，在点击时我将发送id（我有Ex.Login或LoginBox），这样该函数将慢慢滚动到锚点（id = Login或LoginBox）。

现在我必须这样调用它：class =“scrollToLoginBox”，而不是我想把它称为onClick =“scrollTo（'LoginBox'）;

我有20个相同的功能，如上所述，每个id一个。我有和我不想要的另一个例子是：class =“scrollToSettings”，而不是我想把它称为onClick =“scrollTo（'LoginBox'）;或onClick =”scrollTo（'Settings'）; < / p>

            $('.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;       
    });

我想只有一个带id的函数。我只是不知道如何将id传递给这个jQuery函数; o）

Answer 1

如果您想将id传递给被点击的项目，则需要使用this.id

<强> Live Demo

onClick="scrollTo(this.id);"

如果你想传递some other control的id，那么你可以简单地将id作为字符串传递。

onClick="scrollTo('idOfHTMLElement');"

编辑 根据评论，将值从html元素传递到javascript函数。

数据属性用于保留自定义属性，可以是在jQuery函数中访问使用data()函数。

<强> 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;
    });

});

如何在javascript中调用jquery函数

1 个答案: