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

在我的幻灯片放映项目中，用户可以向左或向右滑动以切换到上一张或下一张图像

<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>

$（文档）.ready（函数（）{
$（slideWebpartId+“.carousel”）.SwiperRight（函数（e）{
$（此）.carousel（'prev'）；
});
$（slideWebpartId+“.carousel”）.swipeleft（函数（e）{
$（this.carousel（'next'）；
});
$（slideWebpartId+'.carousel'）.carousel（）；
});

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

未捕获的TypeError:$（…）。SwiperRight不是函数

问题的示例代码：

 <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>

$（文档）.ready（函数（）{
$（slideWebpartId+“.carousel”）.SwiperRight（函数（e）{
$（此）.carousel（'prev'）；
});
$（slideWebpartId+“.carousel”）.swipeleft（函数（e）{
$（this.carousel（'next'）；
});
$（slideWebpartId+'.carousel'）.carousel（）；
});
//.............
//我的用户控件------------

可能重复的@deblocker我的幻灯片放映可以在代码集1中完美滑动。但是，代码集2显示了其他用户控件如何影响我的幻灯片放映之前使用jQuery实例设置的任何控件都不会自动与第二个实例一起工作