jquery - 在处理程序上将数据作为 jquery 中的字符串发送

Question

我想知道是否可以使用 .on 处理程序将函数的数据作为字符串(而不是对象)发送

我已经完成以下内容:

$(".news").on("click","news",popUp);
$(".news").on("click",null,"news",popUp);

以“新闻”作为数据调用此函数:

function popUp (file = "none", opts= {})
{
    alert(file);
}

但这不起作用..

我不想将数据作为对象发送，因为我在其他地方使用此函数，并且我不想更改函数结构。

我可以发送文件的字符串数据和opts的对象数据吗？？

Answer 1

您对 .on() 的第二次调用是正确的(如果数据是字符串，则需要传递 null 选择器，否则数据将被假定为是委托(delegate)事件的选择器)。

但是数据位于处理程序的 event.data 中，而不是函数参数。

$(".news").on("click", null, "news", popUp);

function popUp(event) {
  alert(event.data);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="news">Click</button>

如果要发送多个参数，请使用对象。

$(".news").on("click", {
  file: "news",
  options: {
    something: "blah blah"
  }
}, popUp);

function popUp(event) {
  if (event.data) {
    let {
      file: file,
      options: opt
    } = event.data;
    alert(file + " " + opt.something);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="news">Click</button>