如何停止拖動啓動事件的滑塊動作？

我正在使用Jssor滑塊，並且在其中一個幻燈片中放入了一個帶有fullCalendar的日曆。當我拖動日曆事件將其移動到另一個日期時，我的問題就出現了，因爲除了移動事件之外，滑塊也會動作並更改爲另一個滑塊窗口。當我檢測到拖動開始事件時，可以停止滑塊的操作嗎？任何其他方式來做到這一點？如何停止拖動啓動事件的滑塊動作？

代碼HTML（jssor滑塊+ FullCalendar）：

<div id="slider1_container" class="green-background"> 
    <!-- Slides Container --> 
    <div u="slides" style="cursor: move;"> 
     <div id="first-slide" class="green-background"> 
      <div class="row"> 
       <div class="col-md-1" style="padding-right: 1em;"> 
        ... 
       </div> 
       <div class="col-md-11"> 
        <div id='calendar'></div> 
       </div> 
      </div> 
     </div> 
     <div id="second-slide" class="green-background"></div> 
     <div id="third-slide" class="green-background"></div> 
    </div> 
</div>

JS代碼jssor滑塊：

var options = { $AutoPlay: false }; 
jssor_slider1 = new $JssorSlider$('slider1_container', options);

JS代碼fullCalendar：

var hoy = new Date(); 
$('#calendar').fullCalendar({ 
    contentHeight: 380, 
    header:false, 
    fixedWeekCount: false, 
    events: [ 
     {id:2 , title: 'New event1', start: '2017-02-15'} 
    ], 
    editable: true, 
    defaultDate: hoy, 
    selectable: true, 
    eventDragStart: function(event, jsEvent, ui, view) { 
     // Code to stop slide 
    } 
})

來源

2017-02-20 pablo

嗨巴勃羅，歡迎＃1，添加你想代碼，然後尋求幫助。在沒有看到您的代碼的情況下，任何人都無法幫助您。 –

嗨，對不起！這是我的第一個問題，我不知道它。 – pablo

添加屬性「DATA- nodrag'來防止拖拽元素。

<div data-nodrag="true" ...>

編輯

<div class="col-md-11"> 
    <div data-nodrag="true" id='calendar'></div> 
</div>

來源

2017-02-20 10:52:40 jssor

我已經把它，但不能工作！謝謝！ – pablo

請參閱更新的答案。 – jssor

謝謝，但它也不起作用。 – pablo

如何停止拖動啓動事件的滑塊動作？

回答

相關問題