2015-04-09 2 views
1

Я установил этот слайд некоторое время назад и сегодня, пытаясь исправить некоторые ошибки, я обновил код библиотеки.Jssor drag and drop не работает

Во время некоторых тестов я заметил, что перетаскивание pc больше не работает, но событие касания делает, но я не уверен, что он работал раньше, потому что прошло некоторое время с тех пор, как я проверил.

Есть что-то неправильно? Вот код:

Image HTML шаблона:

<div> 
    <img u="image" src="url" /> 
    <div u="thumb"> 
     <div style="width: 100%; height: 100%; background-image: url('url'); background-size: contain; background-repeat:no-repeat; background-position:center;"></div> 
    </div> 
</div> 

Slider.js:

var jssor_slider1; 
    function getContentHeight(){ 
     return $(window).height()-$("#container").offset().top; 
    } 
    jQuery(document).ready(function ($) { 
     var options = { 
      $ArrowKeyNavigation: true, 
      $FillMode: 5, 
      $AutoPlay: true, 
      $ArrowNavigatorOptions: { 
       $Class: $JssorArrowNavigator$, 
       $ChanceToShow: 2 
      }, 
      $ThumbnailNavigatorOptions: { 
        $Class: $JssorThumbnailNavigator$, 
        $ChanceToShow: 2, 
        $SpacingX: 8, 
        $Cols: 10, 
        $Align: 0 
      } 
     }; 
     $("#play_button").attr("state", "active"); 

     jssor_slider1 = new $JssorSlider$('slider1_container', options); 


     function ScaleSlider() { 
      var parentWidth = $("#container").innerWidth(); 
      if (parentWidth){ 
       var windowHeight = getContentHeight()*0.83; 
       var originalWidth = $("#slider1_container").width(); 
       var originalHeight = $("#slider1_container").height(); 
       var thumbHeight = originalHeight/6; 
       originalHeight += thumbHeight; 


       var scaleWidth = parentWidth; 
       if (parentWidth/originalWidth > windowHeight/originalHeight) { 
        scaleWidth = Math.ceil((windowHeight/originalHeight)* originalWidth); 
       } 
       jssor_slider1.$SetScaleWidth(scaleWidth); 
      } 
      else 
       window.setTimeout(ScaleSlider, 30); 
     } 
     function play(){ 
      jssor_slider1.$Play(); 
      $("#play_button").attr("state", "active"); 
      $("#play_button").one("click", pause); 
     } 
     function pause(){ 
      jssor_slider1.$Pause(); 
      $("#play_button").attr("state", "deactive"); 
      $("#play_button").one("click", play); 
     } 

     $("#play_button").one("click", pause); 

     $(window).bind("load", ScaleSlider); 
     window.setTimeout(ScaleSlider, 30); 

     if (!navigator.userAgent.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile)/)) { 
      $(window).bind('resize', ScaleSlider); 
     } 

    }); 

Заранее спасибо

+0

Что значит «перетаскивание»? Какое у вас устройство/браузер/версия? – jssor

+0

Это происходит на http://www.jssor.com? – jssor

+0

@jssor с перетаскиванием Я имею в виду, например, перемещаться по большому набережной, захватывая его и перемещая. Я как-то понял, что происходит, потому что на моем рабочем столе это работает, но с моим ноутбуком Windows 8.1 это не так, возможно, потому, что у моего ноутбука есть опция сенсорного экрана. Я думаю, что jssor обнаруживает, что устройство использует события касания, чтобы отключить прослушиватель кликов. – user1709665

ответ

0

Проблема была вызвана ошибкой в ​​библиотеке, теперь с помощью jssor все исправлено.