Padilicious Javascript代码不起作用，不确定原因

Padilicious Javascript code is not working, not sure why

本文关键字：不确定 不起作用 Javascript 代码 Padilicious      更新时间：2023-09-26

我使用的是padilicious中允许滑动检测的代码(http://padilicious.com/code/touchevents/)。这对我不起作用，我似乎不明白为什么。我在这个网站上查看了类似问题的其他答案，并遵循了他们的解决方案，但仍然没有运气。

我将padilicious的javascript代码保存在根目录中一个名为"js"的文件夹中一个名叫swipsense.js的文件中。下面是我的标题：

<script src='$root/js/swipesense.js' type='text/javascript'></script>

下面的代码出现在我的身体里：

<div class='main_image' 
            ontouchstart='touchStart(event,'main_image');'  
            ontouchend='touchEnd(event, $next_slideURL, $previous_slideURL);' 
            ontouchmove='touchMove(event);' 
            ontouchcancel='touchCancel(event);'>
            <a href='$next_slideURL' style='display:block'>
                    <img src='$root/$item_path/$slideFile' alt='$slideCaption from $projectTitle'n [hidden]' style='max-width:832px; max-height:500px' title='$projectTitle: $slideCaption. 'nclick for next slide ($next_slideCaption). '>
            </a>
</div>

我的processingRoutine（）方法如下：

function processingRoutine() {
    var swipedElement = document.getElementById(triggerElementID);
    if ( swipeDirection == 'left' ) {
        window.location.href = "www.nba.com";       
    } else if ( swipeDirection == 'right' ) {
        window.location.href = "www.nba.com";
    }
}

注意：在我的标签中，我只有class＝'main_image'，没有id＝'main_image'。我想它们是可以互换的。我可能错了（如果我错了，请告诉我），但我也尝试过包括id选项，但它也不起作用。

我真的不明白为什么这行不通。任何帮助都将不胜感激！

（更新：我知道我的滑动被检测到了，因为滑动main_imagediv不会导致页面滚动，这在没有padilicious代码的情况下会发生。现在我不确定为什么这个例程不起作用。有什么想法吗？）

我发现了这个问题，我想我会把它发布在这里，以防其他人有类似的问题。

在标记中，必须设置一个id。您必须在touchStart函数中包含与第二个参数相同的id。更正问题中的代码：

<div class='main_image' id='swipe'
        ontouchstart='touchStart(event,'swipe');'  
        ontouchend='touchEnd(event, $next_slideURL, $previous_slideURL);' 
        ontouchmove='touchMove(event);' 
        ontouchcancel='touchCancel(event);'>

id名称不必与类名相对应（很明显，但我只是想无论如何都要提到它）。

希望这也能解决别人的问题！

相关文章：