Я установил этот слайд некоторое время назад и сегодня, пытаясь исправить некоторые ошибки, я обновил код библиотеки.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);
}
});
Заранее спасибо
Что значит «перетаскивание»? Какое у вас устройство/браузер/версия? – jssor
Это происходит на http://www.jssor.com? – jssor
@jssor с перетаскиванием Я имею в виду, например, перемещаться по большому набережной, захватывая его и перемещая. Я как-то понял, что происходит, потому что на моем рабочем столе это работает, но с моим ноутбуком Windows 8.1 это не так, возможно, потому, что у моего ноутбука есть опция сенсорного экрана. Я думаю, что jssor обнаруживает, что устройство использует события касания, чтобы отключить прослушиватель кликов. – user1709665