首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jssor拖放不工作

Jssor拖放不工作
EN

Stack Overflow用户
提问于 2015-04-09 19:26:32
回答 1查看 85关注 0票数 1

我在一段时间前和今天设置了这个幻灯片,试图修复一些bug,我更新了库代码。

在一些测试中,我注意到pc拖放不再工作,但触摸事件确实起作用,但我不确定它以前是否有效,因为我已经有一段时间没有检查过了。

有什么问题吗?下面是代码:

图像html模板:

代码语言:javascript
复制
<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:

代码语言:javascript
复制
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);
        }

    });

提前感谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-04-16 19:16:03

这个问题是由库中的一个bug引起的,现在在jssor的帮助下,这一切都解决了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29547227

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档