jquery-ui - この jQuery UI ツールチップが期待どおりに機能しないのはなぜですか?

Question

私はこれに文字通り何日も取り組んできました。日付ピッカーに jQuery UI を使用するアプリケーションがあります。また、いくつかの強化されたツールチップが必要なので、jQueryUI にツールチップ ウィジェットが追加されたことをうれしく思います。

古いバージョンの IE を引き続きサポートする必要があるため、jQuery 2.0 を使用できません。jQuery 1.9.1 と jQuery UI 1.10.3 にアップグレードしました。

とにかく、ツールチップは期待どおりにまったく動作しません。私はこのコードでツールチップを作成しています:

    $(document).ready(function() {
        $('.tooltipStyle').tooltip({
            position: { my: "top left", at: "bottom center" },
            content: function() { 
                return "This tooltip is a function return value with <b>HTML content</b>"; 
            }
        });
    });

jsFiddle の完全なデモ: http://jsfiddle.net/2agHC/4/。(左側の外部リソースを使用して、一致するバージョンの jQuery と jQuery UI をロードしたことに注意してください。)

まず、位置プロパティを機能させることができません。ツールチップは、それが接続されているコントロールのすぐ下から始まり、左上隅がコントロールの中央に表示されることを期待しています。(見えるように灰色にしました。) ただし、ツールチップはウィンドウの左端に表示されます。

次に、ツールチップを表示するには、div をクリックする必要がありますが、ホバーで表示されることを期待しています。

ツールチップがどのように使用されるべきかについて、何か非常に基本的なことが欠けているように感じますが、私が言ったように、私はこれに何日も取り組んできました。誰かが私が欠けているものを説明できますか?