Question

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

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

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

我有另一个点击/ 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部分中，在单击时要响应的元素上，添加javascript属性onclick =“”

即

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

jQuery点击事件工作除了在移动设备上

1 个答案: