jquery - 缺少 Jquery api 文档用法

Question

总而言之，我在 Jquery api 文档中看到了很多代码示例，如下所示。 $(someselector).somemethod({somehandle:function( event, ui ) {}}); 例如：您可以在这里查看。但我就是不明白如何使用event和的ui参数function，以及如何获取事件目标对象。我们可以用this它来指代吗？jquery doc 中没有关于此的更多详细信息。希望有人能告诉我更多关于它的信息。谢谢。

Answer 1

event和变量是回调函数的ui参数。只需在参数列表中指定它们，您就可以访问该函数。

$( ".selector" ).selectable({
  selected: function( event, ui ) {
    event.foo();
    ui.bar();
  }
});

如果您想知道如何使用此信息，您可以在浏览器的 javascript 调试器中放置一个断点并检查该对象，或者我最近最喜欢的方法是使用console.log(event);然后在 Chrome 中运行它，您将获得该对象及其在控制台中可用的成员.

参见 jsFiddle

HTML

<div class="selector">
    <span>1</span>
    <span>2</span>
    <span>3</span>
    <span>4</span>
    <span>5</span>
</div>

JS

$(".selector").selectable({
    selected: function (event, ui) {
        console.log(event);
        console.log(ui);
    }
});

Answer 2

event.target您可以通过查看http://api.jquery.com/category/events/event-object获得目标。该ui参数包含当前选择的元素，如 api 参考中所述。