jQuery移动和TouchSwipe jQuery插件错误

Question

我试图在我正在创建的移动网站上结合使用Skinkers的TouchSwipe插件和jQuery移动，该网站也使用了响应性设计。

TouchSwipe：http://labs.skinkers.com/touchSwipe/

我遇到的情况是，我可以让TouchSwipe插件在移动设备上正常的页面上正常工作，但是一旦我添加了jQuery mobile文件，TouchSwipe功能就不再起作用了。

这是我收到的JS错误(jQuery-1.7.1.js的第3256行)：

TypeError：“未定义”不是一个函数(jQuery.event.special handleObj.origType not {}).handle连体.apply) .apply( matched.elem，args )“)

下面是我将JavaScript包含在HTML中的地方：

<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery.touchSwipe-1.2.5.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>

<script type="text/javascript">
    $("#divCheckingWrapper").live("pagecreate", function(event) {
        var swipeOptions = {
            swipeStatus: swipeStatus,
            allowPageScroll: "vertical"
        };

        SWIPEABLE_NODES = $("#divCheckingSlider");
        SWIPEABLE_NODES.swipe(swipeOptions);

        CONTENT_WIDTH= SWIPEABLE_NODES.parent().width();
        MAX_NODES = SWIPEABLE_NODES.find("div.divCheckingSliders").length;
    });
</script>

<script type="text/javascript" src="js/jquery.mobile-1.1.0-rc.1.min.js"></script>

main.js包含来自TouchSwipe站点的图像滑动示例代码中的所有帮助函数：

http://labs.skinkers.com/touchSwipe/demo/image_scroll.php

知道我为什么会看到这个错误吗？一旦我删除jQuery移动javascript文件，插件可以正常工作，但我需要jQuery移动为这个网站。

如果你愿意的话，我很乐意贴更多的代码。如果您有任何问题或需要更多信息，请告诉我。

提前感谢您的帮助！

Answer 1

最后，我放弃了TouchSwipe，并使用了iosSlider插件，这似乎更好，我没有遇到任何问题，同时使用它与jQuery移动。

http://iosscripts.com/iosslider-jquery-horizontal-slider-for-iphone-ipad-safari/

希望这能帮助其他人解决同样的问题。

Answer 2

你走错路了。您将在TouchSwipe之后加载JQM，尽管TouchSwipe应该覆盖JQM。就像在墙前建窗户一样。

我已经测试过了，而且一切正常工作，不需要更改任何命名。您所需要做的就是在TouchSwipe之前包含JQM。

<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.1.0-rc.1.min.js"></script>
<script type="text/javascript" src="js/jquery.touchSwipe-1.2.5.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>

Answer 3

这是由于jqm命名空间内的冲突。touchSwipe和jqm都使用相同的“swipe”、“swipeleft”等名称。为了解决这个问题，我用快速搜索替换的方法更改了touchSwipe插件中的名称。显然，这不是一个理想的解决方案，但它有效。