Question

jquery 事件处理函数的参数问题

我定义了一个函数a = function(str) {}
我希望让这个函数作为A和B元素的click事件处理函数
其中点击A时，str的值为"X"，点击B时，str的值为"Y"
PS：只能在js文件中写，不能写到html标签中
我试过以下的组合 均出现错误：
function a(str) 、$("#A").CLICK(a("X"))
a = function(str)、$("#A").CLICK(a("X"))

而a = function(str)、$("#A").CLICK(a) 缺没出现编译错误，但是这里的str跑哪去了呢？
请问要实现我之前说的 应该怎么写？ 谢谢！

Answer 1

如果你代码中也是和上面一样的写法，那肯定会出错，因为 JavaScript 是区分大小写的。

CLICK 要写为 click

<script type="text/javascript">
$(function() {
    var str;
          
    var a = function(s) {
        str = s;
    };
           
    $("#A").click(function() {
        a("X");
    });
           
    $("#B").click(function() {
        a("Y");
    });
          
    $("#check").click(function() {
        alert(str);
    });
});
</script>

<p><a href="#" id="A">str = X</a></p>
<p><a href="#" id="B">str = Y</a></p>
<p><a href="#" id="check">check str</a></p>

Answer 2

首先，你这种写法有问题，a(“X”);会马上执行这个函数,应该这样写，

$('#A').click(a)

第二，那这时，你又有疑问，啥时候传入执行函数的实参呢？所以，又可以这样改造

$('#A').click(function(event){
    //此时event为当前事件对象，包括发生事件的一些信息
    a('X');
})

Answer 3

参数不是这么传的
$("#A").click(['x'],a);
var a =function(data){
var str = data.data[0]
...........
}