3

ファンシーボックスポップアップがあります。長いコンテンツがあります。そのコンテンツには、Datepicker を使用した生年月日フィールドが含まれています。

フィールドをクリックするとカレンダーが表示されますが、マウスホイールでスクロールするとテキストフィールドに残りません。日付ピッカーは移動せず、開いた場所と同じ場所に残ります。

Here is the FIDDLE DEMO with this issue :

http://jsfiddle.net/PFVxK/1314/

ポップアップをクリックし、テキストフィールドをクリックしてスクロールします。

どうすればこれを修正できますか?

4

6 に答える 6

5

元の位置datapickerに基づいてカレンダーを配置しinputます。ただし、スクロールしても位置が変わりません。datepickerただし、 on fancyboxの位置を変更できますscroll。

afterLoad: function () {
    $('.fancybox-inner').on('scroll', function () {
        var inp = $(this).find('input.hasDatepicker');
        $('#ui-datepicker-div').css('top', inp.offset().top + inp.outerHeight());
    });
}, beforeClose: function () {
    $('.fancybox-inner').off('scroll');
}

afterLoadとbeforeCloseは、ファンシー ボックスをロードした後、ボックスを閉じる前に、ファンシー ボックスによってトリガーされるコールバック メソッドです。

デモhttp://jsfiddle.net/NsNHZ/1/をチェックして、うまくいくかどうか教えてください。

于 2013-11-06T19:22:47.673 に答える
2

実際の問題は、default position日付ピッカーであるfixedため、スクロールすると動きがあります。

テキストボックスと一緒に日付ピッカーを修正するのは良くありません。2つのオプションを提案します

  1. ポップアップ ( jsfiddle ) のスクロールを削除することをお勧めします。
  2. インライン日付ピッカーを作成する ( jsfiddle )
于 2013-11-04T10:15:34.220 に答える