javascript - 光滑 slider - 更改输入焦点事件的可拖动状态

Question

我正在尝试在输入字段中删除可拖动选项(以便我可以选择文本并使用箭头在字段内导航)。

var slider = $('.slider').slick({
    infinite: false,
    speed: 300,
    slidesToShow: 1,
    adaptiveHeight: true,
    asNavFor: '#menu-mobile',
    draggable: true
});

$('input').focusin(function () {
    console.log('in');
    slider.slickSetOption("draggable", false, false);
}).focusout(function () {
    console.log('out');
    slider.slickSetOption("draggable", true, false);
});

返回

Uncaught TypeError: undefined is not a function

在这两个事件中。

如何通过事件更改可拖动/滑动状态？

Answer 1

该插件仅注册函数 jQuery.fn.slick。

Methods are called on slick instances through the slick method itself in version 1.4

需要这样调用:

// pseudocode
slider.slick("method", arguments, ...)

要修复代码更改:

// wrong
slider.slickSetOption("draggable", false, false);

至:

// correct
slider.slick("slickSetOption", "draggable", false, false);

//Arguments: option : string, value : depends on option, refresh : boolean

工作演示: https://jsfiddle.net/mattydsw/Lsj62qsx/25/