Question

我正试图在移动设备上的“可跳过”网站上制作一些图片。

我是javascript和jquery的新手，所以我可以犯很多错误，但我不确定在哪里。

（注意：这类似于我昨天发布的一个问题，但我已经改变了很多东西，以使下面的内容更容易理解）。

我在标题中声明了以下内容（当然这些文件存在于各自的目录中）：

<link rel='stylesheet' href='http://www.hidden.com/css/jquery.mobile-1.3.2.min.css'>

<script 
 type='text/javascript'         
 src='$root/js/jquery.mobile-1.3.2.min.js'>
</script>

<script 
 type='text/javascript'         
 src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js\'>
</script>

这就是图像现在链接的方式：

<div class='main_image'>
    <a href='//www.hidden.com/projects/1_west-harbin-station-towers/9.html' style='display:block'>
            <img src='http://www.hidden.com/1250_Harbin/hidden_harbin towers9.jpg' alt='Interior Rendering from West Harbin Station Towers [hidden]' style='max-width:832px; max-height:500px' title='West Harbin Station Towers: Interior Rendering. click for next slide (Rendering). '>
    </a>
</div>

这是我写的剧本，紧接着：

<script type='text/javascript'>
    jQuery(function(){
        jQuery('div.main_image').on('swipeleft', swipeleftHandler);
        jQuery('div.main_image').on('swiperight', swiperightHandler);

        function swipeleftHandler(event){

            jQuery.mobile.changePage('//www.spatialpractice.com/projects/1_west-harbin-station-towers/9.html', {transition: 'slideleft', changeHash: false});
        }

        function swiperightHandler(event){
        jQuery.mobile.changePage('//www.spatialpractice.com/projects/1_west-harbin-station-towers/7.html', {transition: 'slideright', changeHash: false});
        }
    });
</script>

现在，单击图像可以正常工作，但它不会检测到滑动。有什么建议吗？

图片滑动脚本无法正常工作

0 个答案: