jquery api doc使用缺失

Question

所有，我在Jquery api文檔中看到了很多代碼示例，如下所示。 $(someselector).somemethod({somehandle:function(event, ui) {}}); 例如：您可以檢查here。 但我只是不明白如何使用function的event和ui參數，以及如何獲取事件目標對象。我們可以用this來引用它嗎？在jquery doc中沒有關於這方面的更多細節。希望有人能告訴我更多關於它的信息。謝謝。

Answer 1

event和ui變量是回調函數中的參數。只需在參數列表中指定它們，您就可以訪問該功能。

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

如果你想知道如何使用這些信息，你可以把你的瀏覽器的JavaScript調試器斷點和檢查對象或我最喜歡的方法，最近是使用console.log(event);，然後在瀏覽器中運行它，你會得到對象，並且它是控制檯中可用的成員。

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

你得到的TA rget與event.target見http://api.jquery.com/category/events/event-object。參數ui包含當前選定的元素，如api參考中所述。