jquery 漂亮的轮播 copy/paste

Question

我在网页中使用灵活的轮播来传递表单数据和信息。

但是我需要能够 select 轮播中的文本。我认为通过将 draggable 设置为 false 我可以 select 文本，但是光标形状变为文本光标但我仍然不能 select 文本。

有解决办法吗？

我是这样配置的：

    $('.carousel').slick({
    prevArrow: '.btn-prev-cand',
    nextArrow: '.btn-next-cand',
    dots: false,
    speed: 500,
    infinite: true,
    accessibility: true,
    adaptiveHeight: false,
    arrows: true,
    centerMode: false,
    variableWidth: false,
    draggable: false,
    swipeToSlide: false
});

Answer 1

尝试在 css

中覆盖它

.slick-slider {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.slick-list.draggable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

您描述的问题是一个已知问题 - Selecting/Highlighting text #826

Answer 2

尝试将设置 "swipe" 设为 false 以禁用滑动并查看文本光标。

Answer 3

Martin 同事的回答很好，但是目前浏览器支持文本功能，所以完全没有必要使用 moz webkit o

https://developer.mozilla.org/en-US/docs/Web/CSS/user-select#browser_compatibility

写就够了

.slick-list.draggable 
{
  user-select: text;
}

还有，不用写

.slick-list.draggable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

写上面的代码就够了

jquery 漂亮的轮播 copy/paste

jquery slick carousel copy/paste

javascript

jquery

carousel

slick.js