iScroll无法在iPhone上运行jquery显示/隐藏
iScroll not working on iPhone for jquery show/hide
我正在构建一个phonegap应用程序,其中iscroll用于滚动。当我动态地将控件附加到div并在单击时显示/隐藏div时,我遇到了一个问题。div会自动显示然后隐藏。我给出了下面的代码示例。非常感谢任何帮助。
首先,我尝试了单独使用scroll.refresh(),但由于它不起作用,我尝试根据谷歌上的一篇论坛帖子进行破坏和重建。但是,它也不起作用。
HTML
<div class="wrapper" id="wrapper">
<main class="content" id="scroller">
<ul>
<li>
<span id="usertype-link">
</span>
<div class="b-preferences__select b-preferences__select--type" id="search-user-type-div">
</div>
</li>
</ul>
</main>
</div>
JS
$('#search-user-type-div').hide();
$('#usertype-link').bind('click', function () {
if ($('#search-user-type-div').is(":visible")) {
$('#search-user-type-div').hide();
$('#usertype-link').removeClass('open').addClass('close');
}
else {
$('#search-user-type-div').show();
$('#usertype-link').removeClass('close').addClass('open');
}
//scroll.refresh();
searchpreferences.rebuildScroll();
})
rebuildScroll: function () {
scroll.destroy();
scroll = null;
scroll = new iScroll('wrapper', { vScrollbar: true, hScrollbar: false, vScroll: true, hScroll: false, onBeforeScrollStart: null });
//setTimeout(function () {
scroll.refresh();
//}, 0);
}
如有任何帮助,我们将不胜感激。
Priyan
我没有确切的解决方案,但我建议使用最新版本的iScroll(v5)。这完全是重建,也许可以解决你的问题。
相关文章:
- 重写CSS:使用jquery显示none属性
- 使用mvc和jquery显示更多点击数据
- 如何使用jquery显示具体的li数
- PHP/JQUERY-显示json的每个子数组
- 如何使用jQuery显示JSON数据
- 使用jquery显示特定的li标记
- JavaScript/jQuery:显示DIV,直到用户停止在Textbox中键入
- Jquery显示的导航不'单击'主页'
- 如何避免试图用php+jquery显示php起始页的无限循环
- 使用Jquery显示隐藏表单字段
- 使用jquery显示mysql查询结果
- 最有效的jquery显示/隐藏切换
- 如何使用jQuery显示/隐藏菜单
- jQuery 显示未按预期执行
- 如何使用 jquery 显示所选选项值
- 使用 JQuery 显示来自 URL 的图像
- 如果选择了多个选项,则使用 jQuery 显示隐藏的表单元素
- 如何使用 JQuery 显示带有加载符号的数据表
- jquery 显示/隐藏切换在 Internet Explorer 中损坏
- 使用 jQuery 显示和隐藏菜单