Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Eternicode引导数据采集器选择触摸式Android Webkit后的输入<;534_Javascript_Html_Css_Twitter Bootstrap_Datepicker - Fatal编程技术网

Javascript Eternicode引导数据采集器选择触摸式Android Webkit后的输入<;534

Javascript Eternicode引导数据采集器选择触摸式Android Webkit后的输入<;534,javascript,html,css,twitter-bootstrap,datepicker,Javascript,Html,Css,Twitter Bootstrap,Datepicker,在stock Android浏览器上,用户代理Mozilla/5.0(Linux;U;Android 2.3.4;en gb;imx53_Non Build/R10.3.2_3)AppleWebKit/533.1(KHTML,如Gecko)Version/4.0 Mobile Safari/533.1,引导式popover“触动”将被绕过到popover后面启用的输入元素。我通过生成相对于触发器元素的通用引导popover修复了这个问题,这样popover后面就没有元素了。但是,eternico

在stock Android浏览器上,用户代理Mozilla/5.0(Linux;U;Android 2.3.4;en gb;imx53_Non Build/R10.3.2_3)AppleWebKit/533.1(KHTML,如Gecko)Version/4.0 Mobile Safari/533.1,引导式popover“触动”将被绕过到popover后面启用的输入元素。我通过生成相对于触发器元素的通用引导popover修复了这个问题,这样popover后面就没有元素了。但是,eternicode日期选择器仍然是一个问题,因为默认情况下,日期选择器浮动到元素,因此会重叠输入并导致问题后面的选择

例如,当8月被“触摸”时,它将选择弹出框后面以蓝色突出显示的输入

有没有关于如何纠正这种行为的想法

变通办法 扩展了datepicker javascript,以相对于源元素注入datepicker。这将使周围的元素远离日期选择器,从而消除选择问题

Javascript代码片段 建造 CSS 变通办法 扩展了datepicker javascript,以相对于源元素注入datepicker。这将使周围的元素远离日期选择器,从而消除选择问题

Javascript代码片段 建造 CSS
 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');
    }
.datepicker-relative{
position: relative;
top: 0;left: 0;right: 0;bottom: 0;
font-size: 14px;}