javascript - 如何使用 mobiscroller *代替*输入?

标签 javascript jquery html mobiscroll

我想在我的(面向桌面的)网站上使用 mobiscroll 选择器 ( demo | source )。我有一个基本版本working here 。工作原理是,当您单击顶部的输入时,它会加载(非常性感的)旋转器作为覆盖物,并在网站的其余部分上覆盖一个黑色层(尝试一下)。

我宁愿不要这种行为,而是在我的桌面网站上显示这个微调器而不是输入。因此,不是作为覆盖层,而是与设计的其余部分集成,无需单击即可将其调出。这样,用户只需点击一下即可保存,并立即清楚对他或她的期望。

有谁知道我如何能够使用这个微调器而不是输入,以便它与页面的其余部分很好地集成,而不是作为某种弹出窗口/覆盖层工作?

欢迎提供所有建议!

最佳答案

您可以在移动设备上使用它的 display: 'modal' 并在桌面上的 display: 'inline' 中使用它。您将找到有关 display 的更多信息您可以在文档中传递给 init 的选项。

现在您只需要检测您的用户是通过移动设备还是桌面浏览。您有几个选项,这将是 one approach .

关于javascript - 如何使用 mobiscroller *代替*输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26242189/

相关文章:

javascript - 窗口滚动功能不起作用

javascript - jQuery:在分离()之后手动删除元素?

javascript - 将 XSLT 变量设置为 JavaScript 变量?

javascript - jQuery,在点击时显示/隐藏绝对div

javascript - 填充数据列表中选项的更好方法

javascript - Angular 禁用按钮和垫输入错误消息

HTML5 离线单页应用程序 (SPA) - 安全问题

javascript - 用随机整数值填充数组

javascript - 在 javascript 中向 MVC Controller 提交表单时如何传递参数?

javascript - 使用 javascript 对象原型(prototype)扩展类时出现问题