0

私は毎日カスタムクラスで実装されたシンプルなKendoUIカレンダーウィジェットを持っています。

                $("#calendar").kendoCalendar({
                    month: {
                        // template for dates in month view
                        content: '<div class="tool_tip">#=data.value#</div>'
                    },
                    footer: false
                });


                $(".tool_tip").kendoTooltip({
                    autoHide: false,
                    showOn: "click",
                    position: "top",
                    content: 'Hello'
                });

奇妙な理由により、当月の毎日のクリック時にのみツールチップが表示されます。月を変更すると、ツールチップが表示されなくなります。また、クラス「ツールチップ」は、その月の他のすべての日にも挿入されることに注意してください。

読んでくれてありがとう。

4

1 に答える 1

1

問題は、ツールチップの設定方法にあります。これは、カレンダーの作成時に初期化されますが、ナビゲート時に更新されないためです。ナビゲート後に作成された要素には、ツールチップが関連付けられていません。

やったほうがいい：

    $(document).ready(function () {
        $("#calendar").kendoCalendar({
            month: {
                // template for dates in month view
                content: '<div class="tool_tip">#=data.value#</div>'
            },
            footer: false,
            navigate : function () {
                $(".tool_tip").kendoTooltip({
                    autoHide: false,
                    showOn: "click",
                    position: "top",
                    content: 'Hello'
                });
            }
        });
    });

ここで実行されていることを確認してください: http://jsfiddle.net/OnaBai/kvbse/

于 2013-06-27T21:19:14.290 に答える