缺少Jquery api doc用法

Question

所有，我在Jquery api doc中看到了很多代码示例。 $(someselector).somemethod({somehandle:function( event, ui ) {}}); 例如：您可以查看here。 但我无法理解如何使用event的{​​{1}}和ui参数，以及如何获取事件目标对象。我们可以使用function来引用它吗？在jquery doc中没有关于这个的更多细节。希望有人可以告诉我更多相关信息。感谢。

Answer 1

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

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

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

See on 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参考中所述。