Is het mogelijk om te voorkomen dat de Bootstrap-carrousel pauzeert op het gedrag van de muishover en doorgaan met automatisch door de items te fietsen?
De documentatie vermeldt alleen het standaardgedrag van pause: "hover"
, als ik het pauze-argument verandert aan al het andere, dan stopt de carrousel helemaal met werken, dus ik weet niet zeker hoe ik deze standaard niet zeker weet gedrag.
Antwoord 1, Autoriteit 100%
Ik heb gevonden dat een waarde van "false"
ervoor zorgt ervoor dat de carrousel tijdens een mouseover het fietsen blijft:
$('.carousel').carousel({
pause: "false"
});
Ik gebruik Twitter bootstrap v2.0.2
Antwoord 2, Autoriteit 65%
U kunt dit ook toevoegen aan de div .Carousel in plaats van JavaScript te gebruiken.
Voeg vertragingstijd toe:
data-interval="3000"
Toevoegen als het pauzeert op hover of niet, opties zijn true
en false
data-pause="false"
Voorbeeld zou zijn:
<div id="carousel" class="carousel" data-ride="carousel" data-interval="3000" data-pause="false">
Dit werkte voor mij.
Antwoord 3, Autoriteit 8%
$('.carousel').carousel({
pause: 'none'
})
Voor bootstrap v3.3.4
Antwoord 4, Autoriteit 2%
Bootstrap 4 Verwijder pauze op hover
$('.carousel').carousel({
interval: 2000,
cycle: true,
pause: "null"
})
Antwoord 5, Autoriteit 2%
Voor iedereen die nog steeds deze thread bezoekt, gebruikt u in de meest recente versie van 4.1.3 Null zonder offertes. Misschien waren offertes vereist in eerdere V.4-versies, maar niet het geval:
$('.carousel').carousel({
interval: 2000,
cycle: true,
pause: null
})
Antwoord 6, Autoriteit 2%
in bootstrap 4:
Data-Pause = “FALSE”
EG: <div class="carousel slide" id="carousel" data-pause="false" data-ride="carousel">
Deze instelling verhindert de pauze.
Antwoord 7
Ik heb ontdekt dat er 2 dingen zijn waarop dit fietsen en pauzeren afhangt.
- Wanneer muis binnenkomt (memumenter – pauze glijden )
- wanneer muis laat (mouseleave – hervattend glijden )
Wijzig gewoon de volgende regel van de code in het bestand JS / Bootstrap.js om continu glijdend toe te staan.
.on('mouseenter', $.proxy(this.pause, this))
naar
.on('mouseenter', $.proxy(this.**cycle**, this))