通过内联onClick运行jQuery函数并使用函数变量/引用

时间:2012-11-04 19:19:09

标签: javascript jquery

我对此很新,但我写了这篇文章并认为它会第一次工作,但我得到一个'ReferenceError:找不到变量:street'控制台错误。

如果点击“街道”按钮,我会收到此错误。

这是非常基本的,但这是我第一次使用onClick属性中的var / ref函数。

请参阅onClick标记...

<a href="#" title="View Supersport" onclick="bikeFilter(supersport)">Supersport</a>

<a href="#" title="View Street" onclick="bikeFilter(street)">Street</a>

<a href="#" title="View Cruiser" onclick="bikeFilter(cruiser)">Cruiser</a>

<a href="#" title="View Scooter" onclick="bikeFilter(scooter)">Scooter</a>      


<a href="#" title="Motocross" onclick="bikeFilter(motocross)">Motocross</a>

<a href="#" title="Enduro" onclick="bikeFilter(enduro)">Enduro</a>

<a href="#" title="Kids" onclick="bikeFilter(kids)">Kids</a>

然后请看我的函数,它得到上面的ref错误...

另请注意我正在尝试在我的函数中使用onClick var / ref,因此我可以针对被点击的按钮定位特定元素。

bikeFilter = function (y) {

    $('.bike').fadeOut();

    scrollTo(186);

    $('.bike[data-group=' + y + ']').fadeIn();

    bikeSliderNav();

    bikeSlider();

    return false;

}


任何专家建议都会非常有用。

提前致谢。

2 个答案:

答案 0 :(得分:1)

您应该像以下一样使用它们:

onclick="bikeFilter('motocross')"

不要忘记把'围绕你的参数

答案 1 :(得分:1)

您可能想要将 String 作为函数的输入传递,而不是未声明和未实例化的变量的名称。

尝试使用单引号将其称为String常量(您需要单引号,因为您已经使用双引号来告诉您的html标记属性值):

onclick="bikeFilter('scooter')"

查看here以查看js中数据输入的不同,以及here以便快速了解函数。