Is het mogelijk om te voorkomen dat de Bootstrap Carrousel Pauze op Mouse Hover wordt gehouden en automatisch doorgaan met fietsen?

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 trueen 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.

  1. Wanneer muis binnenkomt (memumenter – pauze glijden )
  2. 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))

Other episodes