javascript - 将多个值从 onclick 函数发送到 jquery 函数

Question

我想将多个数据从 on click 函数发送到 jquery 函数，就像这段代码一样。

当我单击按钮时，警报框中出现 [object Object]undefined]

代码:

$(function() {
  $("#button").click(function myf(data1, data2) {
    alert(data1 + data2);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="button" onclick="myf('hello','word');">click</a>

我该怎么做？

Answer 1

从 HTML 传递数据绝对没有意义。

您正在将该函数绑定(bind)到按钮的id。该id必须是唯一的，因此只有单一的值组合。

只需使用这个:

$(function() {
  $("#button").click(function() {
    alert('hello' + 'word');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="button">click</a>

或者，如果您想要从 HTML 发送数据，则必须执行以下操作:

function mf (data1, data2){
    alert(data1 + data2);
}

<a href="#" id="button" onclick="mf('hello','word');">click</a>

或者，如果您想要使用 jQuery，则必须执行如下复杂的操作:

$("#button").click(function() {
    var data = $(this).data('params').split(',');
    alert(data[0] + data[1]);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="button" data-params='hello,word'>click</a>