如何在 jQuery onclick 中使用函数参数？ [复制]答案

【问题标题】：How to use function parameters with jQuery onclick? [duplicate]如何在 jQuery onclick 中使用函数参数？ [复制]
【发布时间】：2018-11-04 02:23:31
【问题描述】：

function slide(var) {

     if ( parseInt( var.css('marginLeft') ) >= -2160 ){

        var.animate({'margin-left': '-='+width}, animationSpeed, function() {
        });

      }

}

onclick='(document.getElementById('slides'))'

如何通过将函数参数 (var) 替换为 div 幻灯片 id 来使此函数工作？

【问题讨论】：

onclick 不是 jQuery 的东西。 var 也是 javascript 中的一个特殊词。虽然这不是语法错误，但很容易导致逻辑错误。
您也没有在 onclick 中调用 slide 方法，但即使您是，var 也是一个 DOM 元素（ document.getElementById('slides') ），而不是一个 jQuery 对象。如果要使用 jQuery 方法 animate() 方法，则需要将其包装在 $() 中。 css() 方法也存在同样的问题。
onclick='slide(document.getElementById(\'slides\'))'

标签： javascript jquery

【解决方案1】：

使用 jQuery 绑定处理程序。在 jQuery 处理程序中，this 是目标元素。

$("#slides").click(function() {
    slide($(this));
}

【讨论】：