Javascript 实现.js文件后，无法再填写文本字段_Javascript_Jquery_Ios_Html_Cordova

Javascript 实现.js文件后，无法再填写文本字段

javascript jquery ios html cordova

Javascript 实现.js文件后，无法再填写文本字段,javascript,jquery,ios,html,cordova,Javascript,Jquery,Ios,Html,Cordova,我正在为iOS7开发一个应用程序（单页应用程序，Cordova，Xcode5）所以，现在我需要一个滑块，允许用户选择0到20之间的值。为此，我在我的项目中实现了nestoria滑块（nstslider）这就是我的头部区域现在的样子： <head> <meta charset="utf-8"> <meta name="format-detection" content="telephone=no"> <meta name="vi

我正在为iOS7开发一个应用程序（单页应用程序，Cordova，Xcode5）

所以，现在我需要一个滑块，允许用户选择0到20之间的值。为此，我在我的项目中实现了nestoria滑块（nstslider）

这就是我的头部区域现在的样子：

<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, target-densitydpi=device-dpi">
    <link href="http://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/jqm-struc-1.4.3.css">
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css">
    <link rel="stylesheet" type="text/css" href="css/jquery.nstSlider.css">
    <script type="text/javascript" src="js/jq-1.11.1.js"></script>
    <script type="text/javascript" src="js/jqm-1.4.3.js"></script>
    <script type="text/javascript" src="js/jquery.nstSlider.js"></script>
    <script type="text/javascript" src="cordova.js"></script>
    <script>
        $(function() { 
            $.mobile.defaultHomeScroll = 0;
        });
    </script>
</head>


$（函数（）{
$.mobile.defaultHomeScroll=0；
});

现在我有了一个注册脚本，用户可以在服务器上注册帐户，为此我需要滑块：

<div class="nstSlider" data-range_min="0" data-range_max="20" data-cur_min="5" data-cur_max="0">
    <div class="bar"></div>
    <div class="leftGrip"></div>
</div>
<div class="leftLabel"></div>
<script>
    $('.nstSlider').nstSlider({
        "left_grip_selector": ".leftGrip",
        "value_bar_selector": ".bar",
        "value_changed_callback": function(cause, leftValue, rightValue) {
            var $container = $(this).parent(),
            g = 150,
            r = 94,
            b = 33;
            $container.find('.leftLabel').text(leftValue);
            $(this).find('.bar').css('background', 'rgb(' + [r, g, b].join(',') + ')');
        }
    });
</script>


$（'.nstSlider'）.nstSlider({
“左夹点选择器”：“.leftGrip”，
“值条选择器”：“.bar”，
“value\u changed\u callback”：函数（原因、leftValue、rightValue）{
var$container=$（this）.parent（），
g=150，
r=94，
b=33；
$container.find（'.leftLabel'）.text（leftValue）；
$（this.find（'.bar'）.css（'background'，'rgb（'+[r，g，b]）。join（'，'）+'）；
}
});

如果我注释掉滑块的.js文件，我的文本字段仍然可以正常工作。但是如果我使用它，我就不能点击进入字段。只有当我在屏幕上点击并按住手指时，在短时间后（我必须在4 sek后拿掉手指），键盘才会打开，我可以在文本字段中输入文本

是我的错，还是滑块有什么问题

提前谢谢

PS：这是我的一个文本字段：

<input type="text" class="text" placeholder="Ihr Name" name="name" required></br>
            E-Mail Adresse*:</br>



电子邮件地址*：

可能与onclick事件有关（延迟300毫秒）？如果我只是按住鼠标不到一秒，但超过500毫秒，它就会打开键盘

好的，但我仍然无法将文本输入到文本字段中

发生此问题的原因是，包含滑块的元素用作“面板”，用于捕捉触摸事件，以提高滑块手柄的“可抓取性”

我已在演示页面中复制了您的问题，如下所示：

要解决此问题，您可以简单地用div将滑块和标签标记（甚至只是滑块）括起来，如下所示：

您至少检查过控制台有无错误吗？是的，没有错误：-/您是否尝试过在iOS7设备上的Safari中打开NSTLider的演示网站：。滑块是否正常工作？您正在项目中使用jQuery Mobile。您是否考虑过使用JQM的范围滑块小部件？或者您需要在项目中使用NSTLider小部件？注意，讨论也以错误报告的形式出现。