MUI-Slider-Komponente: Verschiedene farbige Daumen

MUI verfügt über eine Slider-Komponente: https://mui.com/material-ui/react-slider/ Ich verwende sie derzeit, um dem Benutzer die Auswahl eines Wertebereichs zu ermöglichen (mein Slider hat also zwei Daumen). MUI Multi -Dokumentation zum Daumen-Slider-Block: https://codesandbox.io/s/gptppq?file=/demo...

P粉709644700 2023-09-08 22:49:51 0  1  506

Bootstrap 5: Slider-/Karussellprodukte

Ich versuche, mit Bootstrap5 ein Slider-/Karussellprodukt wie den folgenden Bildschirm zu erstellen: Hier füge ich ein, das ist mein aktueller Code: <style><!--Temporary-->.carousel-control-next-icon{background :black;</style><!DOCTYPEhtml><htmllang="en"><h...

P粉214176639 2024-03-26 19:24:34 0  1  562

Kann die Slider-Tracking-Animation deaktiviert werden?

MUI verfügt über eine Schiebereglerkomponente: https://mui.com/material-ui/react-slider/ Ich versuche herauszufinden, wie ich die Animation, die auf dem Noppen abgespielt wird, deaktivieren kann, um ihn an eine neue Position zu verschieben, damit er sich bewegt sofort. Gibt es eine Möglichkeit, dies...

P粉460377540 2024-03-28 19:17:20 0  1  460

Keen-Slider ist nicht mit Datenabruffunktionen kompatibel

Ich möchte öffentliche Daten abrufen und sie mit Keen-Slider anzeigen. Es scheint jedoch nicht sehr gut zu funktionieren, insbesondere wenn ich versuche, Links- und Rechtspfeile hinzuzufügen. Sie werden nicht auftauchen. Ein weiteres Problem besteht darin, dass der Schieberegler beim ersten Laden ei...

P粉208286791 2023-08-15 21:59:38 0  1  624

javascript - Bitte empfehlen Sie ein JQuery-Slider-Plug-In, die Funktion ist sehr einfach

Ich brauche ein solches Slider-Plugin, aber ich habe lange im Internet gesucht und kein passendes gefunden. Sie können sich auf jquery verlassen, aber nicht auf jquery ui und andere Bibliotheken.

某草草 2017-05-19 10:35:24 0  4  768

Problem: Die Änderungsfunktion von Javascript funktioniert nicht

Ich habe Probleme beim Ändern der Textübersetzung mit JavaScript. Dies ist der HTML-Code document.getElementById('slider-en1').style.visibility='hidden';document.getElementById('slider-id1').style.visibility='visible';functionchangeFunc(){varselectBox=doc

P粉654894952 2023-09-06 00:04:57 0  1  633

Wie kann man dafür sorgen, dass ein Slick-Slider kontinuierlich automatisch abgespielt wird, aber das Scrollen beim Klicken auf einen Pfeil/einen Punkt beschleunigt?

Ich möchte einen Slider erstellen, der automatisch kontinuierlich abgespielt wird. Es funktioniert gut, aber die Pfeile und Punkte scheinen nicht richtig zu funktionieren. Ich bin mir nicht sicher, welche Einstellungen ich ändern soll, aber ich möchte, dass der Schieberegler sofort nach dem Klicken ...

P粉956441054 2024-03-25 21:20:33 0  1  539

Ich möchte, dass der Slider automatisch abgespielt wird

varmainSwiper=newSwiper(".swiper-container-v",{direction:"vertical",kyboard:true,pagination:{el:".swiper-pagination-v",clickable:true},mousewheel:true,slideToClickedSlide

P粉667649253 2024-03-29 14:08:18 0  1  360

So erstellen Sie eine Slider-Vorschau in Zeitlupe

Ich benötige, dass sich die Vorschau des Schiebereglers entsprechend dem Bild bewegt, aber jetzt bewegt er sich sofort zum Ende. Ich habe versucht, mit zwei Tasten (links und rechts) einen Vorschauschieberegler zu erstellen, aber wenn ich die rechte Taste drücke, bewegt er sich zum Ende, während ich...

P粉715274052 2023-08-17 22:42:11 0  1  628

Javascript - Vue-Komponente, wie man die Höhe der Elemente im Slot ermittelt

Schreiben Sie eine Slider-Komponente, ähnlich wie swiper.js, und fügen Sie in jedes Slider-Element eine Dom-Struktur ein. Während des Vorgangs wurde festgestellt, dass die eingefügte Dom-Struktur die Höhe in der gemounteten Phase nicht erreichen kann und daher nicht gerendert werden sollte.

为情所困 2017-07-05 11:09:08 0  1  1106

JavaScript aktualisiert benutzerdefinierte CSS-Eigenschaften langsamer als die Verwendung von Elementstilen: Leistungsvergleich

Ich habe einen Kalender-Slider für vue3 erstellt, der Mousemove- und Touchmove-Ereignisse verwendet, um die Schiebeanimation zu implementieren, sowie Funktionen zum Ausführen einiger Geschwindigkeitsanimationen. Das Projekt kann hier getestet werden: https://stackblitz.com/github/Der-Alex/vue-calend...

P粉235202573 2024-01-07 09:42:03 0  1  484

Bei React Slick treten Überlaufprobleme auf

Ich verwende Reactslick, um einen Slider zu erstellen. Die Slider-Karte enthält ein Dropdown-Menü mit vielen Optionen. Wenn das Dropdown-Menü geöffnet wird, wird die Hälfte des Dropdown-Menüs zugeschnitten und das vollständige Dropdown-Menü kann nicht angezeigt werden. Codepen: https://codepen.io/gt...

P粉827121558 2023-09-17 10:16:57 0  1  539

JavaScript-Hover-Ereignisse für herstellerspezifische Pseudoelemente

我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',function(){//...});input[type= "range"]{height:0.5rem;box-shadow:000.25remgray;}input[type="range&quot

P粉576184933 2024-04-06 15:35:24 0  1  579

Erstellen Sie mit Vue.js benutzerdefinierte Schaltflächen für die Foliennavigation in Swiper

Ich muss die Standardnavigation (nextEl, prevEl) entfernen und die Schaltfläche mit dem Text „Next Slide Button“ zur nächsten Folie scrollen lassen <swiperclass="news-slider":sliderd-per-view="1" :modules= "[Navigation,Pagination,A11y,Lazy]"navigation="navigat

P粉035600555 2023-11-02 14:42:51 0  1  797

Alle 3 Elemente umschließen ein übergeordnetes Element

Ich möchte nur alle 3 Divs mit einer Klasse für die Audiosuche ein Div mit der Slideshow-Klasse umschließen. Ein Fehler, den ich bekam, war, dass dort stand, dass elem.parentElement undefiniert ist ... dieser Teil funktioniert also einwandfrei ... constaudioBlocks=document.querySelectorAll('.search-...

P粉211273535 2024-04-02 13:11:31 0  2  498

Umgeschriebener Titel: So erstellen Sie einen Autofill-Schieberegler mit Verlaufshintergrund in HTML

Ich spiele gerade mit HTML herum und möchte einen Schieberegler erstellen, der sich selbst mit einem Farbverlauf füllt, aber ich halte das für nahezu unmöglich. Ich habe ein paar Stunden lang recherchiert, kann aber scheinbar keine Antwort finden. Ich glaube, ich brauche JS, aber da bin ich völlig l...

P粉715228019 2024-02-03 20:57:38 0  2  539

Bidirektionale Formulardatenbindung in der Vue 3-Kompositions-API

Ich beginne mit dem Übergang von der Options-API zur Kompositions-API in Vue. Ich habe den folgenden Codeblock, mit dem ich versuche, eine 2-Wege-Bindung zu implementieren. Ich verwende die Ant-Design-Vue-Bibliothek für die Slider-Eingabe. und versuchen Sie, den Schiebereglerwert an das Eingabefeld ...

P粉982881583 2023-12-06 10:55:35 0  1  651

javascript - Wie erhalte ich den Inhalt in Klammern mithilfe regulärer Ausdrücke in JS?

var str="deleteChild(236737)"; Holen Sie sich beispielsweise die Zahl 236737 in Klammern und benötigen Sie nichts anderes. Wie schreibe ich normales js? js-Arrays sind zu problematisch. Denn die Zahl in den Klammern ändert sich.

滿天的星座 2017-05-19 10:40:53 0  6  762

show() ist nach Ajax-Erfolg ungültig

Die Konsole kann den Anmeldeerfolg und 222 ausdrucken, aber das Element blinkt immer auf der Seite und verschwindet. Was ist los?

PHP中文网 2017-05-19 10:40:54 0  3  618

javascript – Eine Zeile Code für den Quellcode von underscore.js schreiben

{Code...} _.isNumber ist in anderen Teilen nicht definiert. Gemäß dem &&-Operator ist die _.isNumber-Methode nicht definiert, sodass _.isNumber(obj) falsch ist und isNaN(obj) zurückgegeben wird. Warum also nicht einfach isNaN(obj) zurückgeben?

巴扎黑 2017-05-19 10:40:56 0  1  549