javascript - 用于隐藏基于 HTML5 数据标签的元素的 jQuery 函数未在 Click 上运行

Question

我一直在 jQuery 中开发一个小函数，用于根据数据标签中的值隐藏元素。例如，如果浴室的值为 3，则隐藏标签中设置的浴室数少于 3 个的所有元素。

隐藏功能以前有用，但当我这样设置时，它似乎不起作用。有什么想法吗？

function search(){
    $baths = $('#baths').val();
    $beds = $('#bedrooms').val();
    $style = $('#modelstyle').val();

    $("models").show();

    $("[data-baths]").filter(function(){
        return parseInt($(this).attr('data-baths'), 10) < $baths;
    }).hide();


    $("[data-beds]").filter(function(){
        return parseInt($(this).attr('data-beds'), 10) < $beds;
    }).hide();


    $("[data-style]").filter(function(){
        return parseInt($(this).attr('data-style'), 10) != $style;
    }).hide();
};

$('#search').click(search());

Answer 1

您需要将对 search() 函数的引用提供给处理程序，而不是函数的结果。删除 search 调用后的括号:

$('#search').click(search);