在调用jQuery库后，将删除jQuery移动事件侦听器

Question

在我的幻灯片放映项目中，用户可以向左或向右滑动以更改为上一张或下一张图片。

<script src="/Style/js/jquery-1.10.2.js"></script>
<script src="/Style/jquery.mobile/jquery.mobile.min.js"></script>
 <script>
 $(document).ready(function () {
    $(slideWebpartId + " .carousel").swiperight(function (e) {
        $(this).carousel('prev');
    });
    $(slideWebpartId + " .carousel").swipeleft(function (e) {
        $(this).carousel('next');
    });
    $(slideWebpartId + ' .carousel').carousel();
});
</script>

但是，当其他userControl调用jQuery库时，将显示以下错误消息：

  

未捕获的TypeError：$（...）。swiperight不是函数

问题的示例代码：

 <script src="/Style/js/jquery-1.10.2.js"></script>
    <script src="/Style/jquery.mobile/jquery.mobile.min.js"></script>
     <script>
     $(document).ready(function () {
        $(slideWebpartId + " .carousel").swiperight(function (e) {
            $(this).carousel('prev');
        });
        $(slideWebpartId + " .carousel").swipeleft(function (e) {
            $(this).carousel('next');
        });
        $(slideWebpartId + ' .carousel').carousel();
    });
    </script>
      //.............
     // my user control------------
     <script src="/Style/js/jquery-1.10.2.js"></script>