1

標準の Android ブラウザーでは、ユーザー エージェント Mozilla/5.0 (Linux; U; Android 2.3.4; en-gb; imx53_nitrogen Build/R10.3.2_3) AppleWebKit/533.1 (Gecko のような KHTML) バージョン/4.0 Mobile Safari/533.1、ブートストラップ ポップオーバーの「タッチ」は、ポップオーバーの背後にある有効な入力要素にバイパスされます。トリガー要素に関連する一般的な Bootstrap ポップオーバーを生成することでこれを修正し、要素がポップオーバーの背後にないようにしました。ただし、デフォルトでは日付ピッカーが要素にフロートされているため、入力が重複し、選択が遅れる問題が発生するため、eternicode 日付ピッカーは問題のままです。

元。 8月が「タッチ」されると、ポップオーバーの後ろに青色で強調表示された入力が選択されます

元。8月が「タッチ」されると、ポップオーバーの後ろに青色で強調表示された入力が選択されます

この動作を修正する方法についてのアイデアはありますか?

4

1 に答える 1

1

回避策

ソース要素に相対的な日付ピッカーを挿入するように、日付ピッカー JavaScript を拡張しました。これにより、周囲の要素が日付ピッカーから遠ざけられ、選択の問題が解消されます

Javascript スニペット

 if (this.element.hasClass('datepicker-relative')) { //relative datepicker
                this.isRelative = true;
            }

建てる

if (this.isInline) {
        this.picker.addClass('datepicker-inline').appendTo(this.element);
    } else if (this.isRelative) {
        this.picker.addClass('datepicker-relative datepicker-dropdown dropdown-menu').appendTo(this.element.parent());
    } else {
        this.picker.addClass('datepicker-dropdown dropdown-menu');
    }

CSS

.datepicker-relative{
position: relative;
top: 0;left: 0;right: 0;bottom: 0;
font-size: 14px;}
于 2013-08-29T21:17:47.793 に答える