0

問題: jQuery ダイアログで特定の場所までスクロールする

私のサイトには、現在の月のカレンダーを表示するインラインの日付ピッカーがあります。ユーザーがいずれかの日付をクリックすると、フィードからのカレンダー イベントのリストが表示されます。

コードは次のとおりです。

<div id="datepicker" style="font: 80% 'Trebuchet MS', sans-serif;"></div>
                            <script  type="text/javascript">
                                var caldate;
                                $("#datepicker").datepicker();
                                $("#datepicker").change(function() {
                                    caldate = $(this).val(); 

                                    $("#dialog").dialog({
                                        bgiframe: true,
                                        maxHeight: 450,
                                        width: 600,
                                        modal: true,
                                        draggable: true,
                                        resizable: false,
                                        position: 'center',
                                        show: { effect: "fade", duration: 600 },
                                        hide: { effect: "fade", duration: 600 }
                                    });
                                });
                            </script>
                            <div id="dialog" title="Calendar Events">DisplayFeed("Calendar Events")</div>

DisplayFeed は html ヘルパー クラスからデータを取得し、データは適切に表示されます。

ここでのハードルは、ユーザーが日付ピッカー インラインで特定の日付を選択するときです。ダイアログのリストから選択した日付に発生するイベントまでスクロールする必要があります。

divダイアログ内でhtmlを取得しようとしました。document.getElementByID("#dialog").innerHTML を試して、選択中にキャプチャされた caldate とデータを比較すると、未定義のエラーが発生します。

私を正しい方向に導くためのアイデアは、非常に役立ちます。

ありがとうございました。

4

1 に答える 1

0

イベントの日付によって生成された特別な div ID (日付を Linux タイムスタンプに変換し、ID として div に追加) をイベントごとに追加することで、問題を解決しました。

次に、選択した日付を Linux タイムスタンプに変換しdocument.getElementById(linuxtimestamp.toString()).scrollIntoView()、javascript で使用して、選択した日付に発生するイベントにスクロールします。

于 2013-03-28T04:06:28.720 に答える