मैं एक चालाक हिंडोला की पहली स्लाइड को यादृच्छिक बनाने में असमर्थ हूँ (http://kenwheeler.github.io/slick /) नीचे slickGoTo लाइन जोड़कर।

मुझे निम्न क्रोम कंसोल त्रुटि मिलती है:

Uncaught TypeError: $(...).slick(...).slickGoTo is not a function  
  at HTMLDocument.<anonymous> (script-new.js:18)  
  at i (jquery.min.js:2)  
  at Object.fireWith [as resolveWith] (jquery.min.js:2)  
  at Function.ready (jquery.min.js:2)  
  at HTMLDocument.K (jquery.min.js:2)  

मैं निम्नलिखित जावास्क्रिप्ट कोड चला रहा हूं:

// get the number of slides
var total = $('.slide').length;

// random number
var rand = Math.floor( Math.random() * total );

$(document).ready(function(){
  $('.slider').slick({
    autoplay: true,
    autoplaySpeed: 7000,
    arrows:true,
    fade: true,
    slide:".slide",
    pauseOnHover:false,
    adaptiveHeight: true,
    dots: true
  })
  .slickGoTo(rand); // navigate to random slide
});

मैं jQuery संस्करण 1.12.1 और स्लिम संस्करण 1.6 का उपयोग कर रहा हूं। जब पृष्ठ लोड होता है तो मैं एक यादृच्छिक स्लाइड दिखाना चाहता हूं लेकिन स्लाइड अनुक्रम वही रहता है।

0
E. Espana 20 फरवरी 2019, 16:36

1 उत्तर

सबसे बढ़िया उत्तर

जैसा कि दस्तावेज़ीकरण में बताया गया है,

स्लीक इंस्टेंस पर विधियों को संस्करण 1.4 में ही स्लिक विधि के माध्यम से बुलाया जाता है

मतलब आपको पैरामीटर के रूप में पारित विधि नाम के साथ slick( का उपयोग करना होगा:

$('.slide').slick().slick('slickGoTo', Math.floor((Math.random() * 3) + 1));
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
	
<div class="slide">
  <div>
    1
  </div>
  <div>
    2
  </div>
  <div>
    3
  </div>
</div>
2
Serge K. 20 फरवरी 2019, 13:45