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;
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
edited Mar 28 at 7:54
Rory McCrossan
263k29 gold badges224 silver badges261 bronze badges
asked Mar 28 at 7:48
kang kangkang kang
61 bronze badge
add a comment |
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
edited Mar 28 at 7:54
Rory McCrossan
263k29 gold badges224 silver badges261 bronze badges
asked Mar 28 at 7:48
kang kangkang kang
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
add a comment |
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
edited Mar 28 at 7:54
Rory McCrossan
263k29 gold badges224 silver badges261 bronze badges
asked Mar 28 at 7:48
kang kangkang kang
61 bronze badge
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
javascript jquery slider slick.js
edited Mar 28 at 7:54
Rory McCrossan
263k29 gold badges224 silver badges261 bronze badges
asked Mar 28 at 7:48
kang kangkang kang
61 bronze badge
edited Mar 28 at 7:54
Rory McCrossan
263k29 gold badges224 silver badges261 bronze badges
asked Mar 28 at 7:48
kang kangkang kang
61 bronze badge
edited Mar 28 at 7:54
Rory McCrossan
263k29 gold badges224 silver badges261 bronze badges
edited Mar 28 at 7:54
Rory McCrossan
263k29 gold badges224 silver badges261 bronze badges
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
asked Mar 28 at 7:48
kang kangkang kang
61 bronze badge
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
add a comment |
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
add a comment |
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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.
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
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