【问题标题】:autocomplete issue with iScrolliScroll 的自动完成问题
【发布时间】:2012-06-04 08:33:36
【问题描述】:

我在我的 jQUeryMobile 应用程序上使用 jQuery Autocomplete。它工作完美。现在我正在尝试使用 iScroll.js 滚动查找项目列表。这就是我正在做的,

http://jsfiddle.net/uXbKY/39/

问题是,iscroll 仅适用于建议框的第一项,因为我无法滚动整个列表。如果我的代码中缺少任何内容,请帮助我。请帮助我使用 iScoll 实现这一目标。

我发现了另一种方法,我们可以使用自定义的基于触摸的滚动条来实现自动完成框 http://jsfiddle.net/uXbKY/2/ 但是有一个问题,自定义滚动条仅在第一次搜索时出现,当列表刷新时它会从建议框中消失,如果我们可以解决这个问题,请建议我,因为这两个选项都适合我在 ipad 中使用我的自动完成功能和安卓。

或者,如果有人认为有比使用 iScroll 和 jScrollPane 更好的方法,欢迎您提出建议。

提前致谢,

【问题讨论】:

    标签: jquery jquery-ui jquery-plugins jquery-mobile


    【解决方案1】:

    我注意到的一点是:iScroll 必须应用于滚动区域的包装器

    您似乎直接在具有 id 滚动的 UL 上执行此操作

    我的猜测是你必须在 UL 周围放置一个包装器并给它一个 id 包装器

    我做了一个演示jsFiddle

    如果您键入 1 个字母,这将让您滚动浏览找到的包含该字母的所有单词。

    【讨论】:

    • 非常感谢 Fluffy,但这并不能提供我们可以使用 cubiq.org/dropbox/iscroll4/examples/custom-scrollbar 获得的平滑滚动效果,而且它也不能在 ipad 屏幕上滚动。 .jsfiddle.net/uXbKY/2 在这里我使用自动完成与 jscrollpane 但滚动条在建议框刷新时消失,所以只有第一次搜索自定义滚动条正在应用,如果我们可以修改这个,你能建议我吗
    • 我不会走那条路,尝试坚持使用 iScroll,我调整了小提琴link,如网站上所述,支持滚动条,但我没有 iPad,所以我不知道。它可能不像示例那样滚动流畅的原因是 jQueryUI
    • 上面的答案也不起作用,我稍后再谈。我觉得很有趣。
    • 这很奇怪,这似乎真的不能与 jQuery ui 结合使用。我用正常工作的 ul(取消注释 2 行和注释 1 行)和 jQueryUI UL 的(奇怪)行为更新了小提琴我会看看你发布的另一个例子。
    • 这不起作用。似乎更多的人正在寻找这个答案,但它不存在。找到最佳答案here
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-22
    • 1970-01-01
    • 2011-07-18
    • 2013-02-13
    相关资源
    最近更新 更多