jquery UI/Draggablesの関数で特殊変数を使用することについての質問

Question

私はいつもこれをドキュメントに表示しています。

$('.selector').draggable({ 
    start: function(event, ui) { ... } 
}); 

jQueryのドキュメントでは、「イベント」と「ui」は何を表し、どのように使用できますか？

特定の.selectorオブジェクト自体を関数に渡す方法はありますか？

私は、この全部がどのような例なしでどのように動作するのかよく分かりません。

ご協力いただきありがとうございます。

Answer 1

jQueryに関しては、ほとんどの部分はかなり完成していて、必要なものはすべて提供するので、ドキュメント内に見えるものを取り入れる必要があります。念頭に置いて

、これはdocumentationです：Draggables上：元のブラウザイベント、準備UIオブジェクト：

すべてのコールバック（サイズ変更、停止、開始）は、二つの引数を受け取ります。 UIオブジェクトは、以下のフィールドを有する：

• ui.helper - に対して{上部、左}オブジェクトとしてヘルパーの現在の位置、 -
• ui.positionをドラッグさズ・ヘルパーを表すjQueryオブジェクト
限りイベントオブジェクト、 here's the documentation for thatとして

ページに対して{上部、左}オブジェクトとしてヘルパーの現在の絶対位置、 - 要素

ui.offsetオフセット。

イベントオブジェクトの最も一般的な使用法は、デフォルトのアクションを防ぐことです。あなたは、リンク持っているのであれば：

<a href="more.html" id="show_more">Show me more!</a> 

を、ユーザーがそれをクリックするとJavaScriptが有効になっているときに起こるために何かをしたい、あなたが行う可能性があります：

$('#show_more').click(function(e) { 
    alert('heya!'); 
}); 

ここでの問題は、警告後表示され、あなたがそれを閉じると、リンクのデフォルト動作（「別のページに移動」）が起こり、ユーザはmore.htmlに送信されます。多くの場合、これはあなたが望むものではないので、デフォルトのアクションを防ぐことができます。

​​