Why does two or more slick sliders not work in the same page?Why don't self-closing script elements work?How does JavaScript .prototype work?Why does Google prepend while(1); to their JSON responses?How does the “this” keyword work?Why does ++[[]][+[]]+[+[]] return the string “10”?How does data binding work in AngularJS?Why does my JavaScript code get a “No 'Access-Control-Allow-Origin' header is present on the requested resource” error when Postman does not?Slick slider autoplay from first slider in autoplay loopSlick slider goto first slideSlick-center not working when number of slides is a not a multiple of 3 or less than six with slidesToScroll = 3

Starring Samurais - Several Scribbled Short Stories

Should I use my toaster oven for slow roasting?

Stack class in Java 8

Is it appropriate for a professor to require students to sign a non-disclosure agreement before being taught?

Which ping implementation is cygwin using?

Why are walk-ins for Global Entry interview typically only accepted when arriving from an international flight?

Are there any instances of members of different Hogwarts houses coupling up and marrying each other?

How can "life" insurance prevent the cheapening of death?

CBP interview, how serious should I take it?

What is going on: C++ std::move on std::shared_ptr increases use_count?

Gas pipes - why does gas burn "outwards?"

Wrathful Smite, and the term 'Creature'

Improbable Inequalities

Are programming languages necessary/useful for operations research practitioner?

On the origin of "casa"

For how long could UK opposition parties prevent new elections?

Are Democrats more likely to believe Astrology is a science?

Is there a basic list of ways in which a low-level Rogue can get advantage for sneak attack?

Determining if file in projected or geographic coordinates using ArcGIS Desktop?

How is the Team Scooby Doo funded?

Is there any detail about ambulances in Star Wars?

Job offer without any details but asking me to withdraw other applications - is it normal?

Do any aircraft carry boats?

Procedure for traffic not in sight



Why does two or more slick sliders not work in the same page?


Why don't self-closing script elements work?How does JavaScript .prototype work?Why does Google prepend while(1); to their JSON responses?How does the “this” keyword work?Why does ++[[]][+[]]+[+[]] return the string “10”?How does data binding work in AngularJS?Why does my JavaScript code get a “No 'Access-Control-Allow-Origin' header is present on the requested resource” error when Postman does not?Slick slider autoplay from first slider in autoplay loopSlick slider goto first slideSlick-center not working when number of slides is a not a multiple of 3 or less than six with slidesToScroll = 3






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








1















I want to use two identical slick sliders, the first slider works but the other one does not work. Can someone please help me correct the invalid code?



<section class="center slider">
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
</section>
<section class="center1 slider">
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
</section>


$(document).on('ready', function() 
$(".center").slick(
dots: false,
infinite: true,
centerMode: true,
slidesToShow: 4,
slidesToScroll: 2
);
$(".center1").slick(
dots: false,
infinite: true,
centerMode: true,
slidesToShow: 4,
slidesToScroll: 2
);
);









share|improve this question


























  • Your code works fine for me, please create a working example of the problem

    – Carsten Løvbo Andersen
    Mar 28 at 7:57











  • This is all the code. The rest of the code is just the css code. Only the first slick works and the second slick does not work

    – kang kang
    Mar 28 at 10:34


















1















I want to use two identical slick sliders, the first slider works but the other one does not work. Can someone please help me correct the invalid code?



<section class="center slider">
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
</section>
<section class="center1 slider">
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
</section>


$(document).on('ready', function() 
$(".center").slick(
dots: false,
infinite: true,
centerMode: true,
slidesToShow: 4,
slidesToScroll: 2
);
$(".center1").slick(
dots: false,
infinite: true,
centerMode: true,
slidesToShow: 4,
slidesToScroll: 2
);
);









share|improve this question


























  • Your code works fine for me, please create a working example of the problem

    – Carsten Løvbo Andersen
    Mar 28 at 7:57











  • This is all the code. The rest of the code is just the css code. Only the first slick works and the second slick does not work

    – kang kang
    Mar 28 at 10:34














1












1








1








I want to use two identical slick sliders, the first slider works but the other one does not work. Can someone please help me correct the invalid code?



<section class="center slider">
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
</section>
<section class="center1 slider">
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
</section>


$(document).on('ready', function() 
$(".center").slick(
dots: false,
infinite: true,
centerMode: true,
slidesToShow: 4,
slidesToScroll: 2
);
$(".center1").slick(
dots: false,
infinite: true,
centerMode: true,
slidesToShow: 4,
slidesToScroll: 2
);
);









share|improve this question
















I want to use two identical slick sliders, the first slider works but the other one does not work. Can someone please help me correct the invalid code?



<section class="center slider">
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
</section>
<section class="center1 slider">
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
<div><a href="#"><img src="Desert.jpg"></a></div>
</section>


$(document).on('ready', function() 
$(".center").slick(
dots: false,
infinite: true,
centerMode: true,
slidesToShow: 4,
slidesToScroll: 2
);
$(".center1").slick(
dots: false,
infinite: true,
centerMode: true,
slidesToShow: 4,
slidesToScroll: 2
);
);






javascript jquery slider slick.js






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Mar 28 at 7:54









Rory McCrossan

263k29 gold badges224 silver badges261 bronze badges




263k29 gold badges224 silver badges261 bronze badges










asked Mar 28 at 7:48









kang kangkang kang

61 bronze badge




61 bronze badge















  • Your code works fine for me, please create a working example of the problem

    – Carsten Løvbo Andersen
    Mar 28 at 7:57











  • This is all the code. The rest of the code is just the css code. Only the first slick works and the second slick does not work

    – kang kang
    Mar 28 at 10:34


















  • Your code works fine for me, please create a working example of the problem

    – Carsten Løvbo Andersen
    Mar 28 at 7:57











  • This is all the code. The rest of the code is just the css code. Only the first slick works and the second slick does not work

    – kang kang
    Mar 28 at 10:34

















Your code works fine for me, please create a working example of the problem

– Carsten Løvbo Andersen
Mar 28 at 7:57





Your code works fine for me, please create a working example of the problem

– Carsten Løvbo Andersen
Mar 28 at 7:57













This is all the code. The rest of the code is just the css code. Only the first slick works and the second slick does not work

– kang kang
Mar 28 at 10:34






This is all the code. The rest of the code is just the css code. Only the first slick works and the second slick does not work

– kang kang
Mar 28 at 10:34













0






active

oldest

votes










Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/4.0/"u003ecc by-sa 4.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);














draft saved

draft discarded
















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55392485%2fwhy-does-two-or-more-slick-sliders-not-work-in-the-same-page%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes




Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.







Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.




















draft saved

draft discarded















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55392485%2fwhy-does-two-or-more-slick-sliders-not-work-in-the-same-page%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript