Question

我勉强获取我的幻灯片叠加菜单中的链接以转到各自的页面。在Android上运行时，使用Responsivator进行测试都可行，但是当我在手机上测试链接时，这些链接就不会发生。

<div class="sb-open-left"><a href="#">Menu</a></div>

<section id="content">
    <img src="http://studiochem.com/2015/sweetpea/images/shop.png">
    <p>%CATEGORY_VERTICAL%</p>
    <img src="http://studiochem.com/2015/sweetpea/images/info.png">
    <p>%PAGES_VERTICAL%</p>
    <img src="http://studiochem.com/2015/sweetpea/images/cart.png">
    <p align="center">%VIEW_CART%   </p>

</section>


$(".menu a").on('click', function(){
$.slidebars.close()
section = $(this).attr('href')
$('html, body').animate({
    scrollTop: $(section).offset().top
}, 2000);
})

Answer 1

我想我发现了这个问题。您使用的插件会响应＆＃34; touchend＆＃34;，这就是为什么您自己的代码可以在使用鼠标事件但不在使用触摸的设备上的模拟器上工作（可以使用Chrome模拟顺便说一下模拟器）。向事件添加touchend似乎可以解决问题。

$(".menu a").on('click touchend', function(){
$.slidebars.close()
section = $(this).attr('href')
$('html, body').animate({
    scrollTop: $(section).offset().top
}, 2000);
})

Slidebars jQuery无法在移动设备上工作 - 链接无法打开

1 个答案: