javascript - jQuery click 事件在移动设备上有效

Question

我遇到了一个问题，这对我来说真的是一个巨大的谜。

查看我的网页设计作品集 http://drootech.com ，如果您在桌面上注意到红色的“看看我们还做了什么”。在桌面浏览器上使用以下代码按钮可以正常工作。但奇怪的是它不适用于移动设备。

$(document).ready(function(){
    $("#seemore").on('click touchstart', function (){
        //$(this).animate(function(){
            $('html, body').animate({
                scrollTop: $("#mrkting").offset().top - 85
                 }, 2000);
        //});
    });

我有另一个 click/touchstart 事件触发了相同的滚动目标，这就是它不起作用的原因吗？如果是这样，我将如何解决这个问题？这是其他可能存在冲突的代码？

 $("#info").on('click touchstart', function (){
        //$(this).animate(function(){
            $('html, body').animate({
                scrollTop: $("h2#mrkting").offset().top - 85
                 }, 2000);
            $('#nav-menubg').slideUp('slow');
        //});
    });

如有任何帮助，我们将不胜感激。

Answer 1

在代码的 HTML 部分，在您想要在点击时使用react的元素上，添加 javascript 属性 onclick=""

即。

<tag id="seemore" onclick=""></tag>