jQuery Mobile的＆TouchSwipe jQuery插件錯誤

Question

我試圖移動網站，我創建還採用響應式設計與jQuery Mobile的使用從Skinkers實驗室的TouchSwipe插件的組合。

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

我遇到的情況是，我可以得到TouchSwipe插件工作正常與正常的網頁在移動設備上，但一旦我添加了jQuery Mobile的js文件的TouchSwipe功能不再功能。

這是我收到（在jQuery的1.7.1.js的3256線）的JS錯誤：

TypeError: 'undefined' is not a function (evaluating '( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler) .apply(matched.elem, args)')

這裏就是我有我的HTML中JavaScript的：

<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 Mobile JavaScript文件，該插件就能正常工作，但我需要爲此網站使用jQuery Mobile。

我會很樂意發佈更多的代碼，如果你願意的話。如果您有任何問題或需要更多信息，請告知我們。

在此先感謝您的幫助！

Answer 1

我結束了在TouchSwipe放棄和使用iosSlider插件，它似乎運行得更好，而在使用jQuery移動組合使用它，我沒有遇到任何問題。

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

希望這會幫助別人有同樣的問題。

Answer 2

這是由於JQM命名空間中的衝突。 touchSwipe和jqm都使用相同的「滑動」，「swipeleft」等名稱。我用快速搜索替換touchSwipe插件中的名稱，以便擺脫問題。顯然這不是一個理想的解決方案，但它的工作原理。

Answer 3

你會錯誤地回答這個問題。您在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>