Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何添加<;a>;给Flickity贴标签?_Javascript_Html_Flickity - Fatal编程技术网

Javascript 如何添加<;a>;给Flickity贴标签?

Javascript 如何添加<;a>;给Flickity贴标签?,javascript,html,flickity,Javascript,Html,Flickity,我想知道是否有人知道向Flickity图像滑块添加标签的方法?以下是我的滑块的功能,但它会干扰滑块本身的功能: 我担心您不能同时拥有触摸响应和链接。但是您可以添加一个元素来链接正在滑动的元素的内部 <div class="hero-carousel__cell hero-carousel__cell--2 is-selected" style="position: absolute; left: 100%;"> <div class="hero-carousel_

我想知道是否有人知道向Flickity图像滑块添加标签的方法?以下是我的滑块的功能,但它会干扰滑块本身的功能:


我担心您不能同时拥有触摸响应和链接。但是您可以添加一个元素来链接正在滑动的元素的内部

<div class="hero-carousel__cell hero-carousel__cell--2 is-selected" style="position: absolute; left: 100%;">
      <div class="hero-carousel__cell__content">
        <p class="slogan slogan--easy">Easy to use.</p>
        <p class="slogan slogan--fun">Fun to flick.</p>
        <a href="http://stackoverflow.com/"><p class="slogan slogan--tagline">Flickity makes carousels, galleries, &amp; sliders that feel lively and effortless.</p></a>
      </div>
    </div>

易于使用

轻松玩乐

这是Flickity web的一个示例,您可以看到我添加了一个到元素的链接。如果需要图像,可以在包装器div中将它们设置为背景图像,并在其中放置一个不覆盖整个div的可单击链接