相互控制的垂直滑块

问题描述

我想要两个内容栏 - 相互控制（这就是我使用滑块脚本的原因）。

https://www.udemy.com/developers/affiliate/methods/get-courses-list/

$url = "https://www.udemy.com/api-2.0/courses/?search=java";

    $ch = curl_init();
    curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,false);
    curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);
    curl_setopt($ch,CURLOPT_URL,$url);
    $c_id = base64_encode('XXX');
    $c_sid = base64_encode('XXX');

    curl_setopt($ch,CURLOPT_HTTPHEADER,array('X-Udemy-Client-Id: '.$c_id.'','X-Udemy-Client-Secret: '.$c_sid.'',"Authorization: base64 encoded value of client-id:client-secret","Accept: application/json,text/plain,*/*"));
    curl_setopt($ch,CURLINFO_HEADER_OUT,true);
    $result=curl_exec($ch);

    curl_close($ch);

    $result = json_decode($result);

    $title = $result->title;

这实际上适用于光滑的滑块（除了“swipeToSlide”不能垂直工作）。

但是你必须点击它，它应该感觉更像是一个滑块。 另一个 Slider 应该对每一个动作做出反应 - 甚至在 onmouseout 之前。

我还尝试了输入类型范围。但我只能以一种方式控制它。 https://codepen.io/brilliant-coding/pen/WNGabov

$('.slider-for').slick({
    slidesToShow: 1,slidesToScroll: 1,arrows: false,asNavFor: '.slider-nav',vertical: true,verticalSwiping: true,swipeToSlide: true,});
$('.slider-nav').slick({
    slidesToShow: 5,asNavFor: '.slider-for',dots: false,centerMode: true,centerPadding: 0,focusOnSelect: true,touchThreshold: 10,});

有人知道（现成的）解决方案吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）