Javascript Swiper不'；不能使用Jquery处理可拖动的内容吗？

当我在Javascripts中使用swiper时，它会工作，但当我用内容更新一张幻灯片并使用JQuery使其可拖动时，它会工作。内容不能拖动为什么？ 这是我的密码

    <!-- Swiper -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <style>
                #draggable {
                    width: 150px;
                    height: 150px;
                    padding: 0.5em;
                }
            </style>
            <script>
                $(function () {
                    $("#draggable").draggable();
                });
            </script>
            <div id="draggable" class="ui-widget-content">
                <p>Drag me around</p>
            </div>
        </div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
</div>

<!-- Swiper JS -->
<!--<script src="../dist/js/swiper.min.js"></script>-->
<script src="swiper.jquery.js"></script>
<script src="swiper.js"></script>
<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true
    });
</script>

#拖拉的{
宽度：150px；
高度：150像素；
填充：0.5em；
}
$（函数（）{
$（“#可拖动”）.draggable（）；
});
把我拖来拖去

幻灯片2
幻灯片3
var swiper=新的swiper（“.swiper容器”{
分页：'.swiper分页'，
分页可点击：true
});

我猜是因为这两个动作都利用了可拖动的

。应用程序如何知道您打算使用哪个？拖动以滑动？或者拖动
div
？想想看。好吧，重叠这个问题的诀窍是什么？？？我猜是因为这两个动作都利用了
draggable
。应用程序如何知道您打算使用哪个？拖动以滑动？或者拖动
div
？想想看，好吧，重叠这个问题的诀窍是什么？？？