Ich versuche, die roundslider plugin zu verwenden.JavaScript Roundslider Plugin Standardeinstellungen
Ich folgte den Anweisungen gefunden here, um die Abhängigkeitsdateien aufzunehmen, fügen Sie den HTML-Code hinzu und rufen Sie das Plugin auf.
Ich habe das alles in der folgenden einfachen .html-Datei erstellt und mit chrome geöffnet.
<html>
<head>
<script src="https://cdn.jsdelivr.net/jquery/1.11.3/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/jquery.roundslider/1.3/roundslider.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/jquery.roundslider/1.3/roundslider.min.js"></script>
<script type="text/javascript">
$("#slider1").roundSlider({
sliderType: "default",
value: 40
});
</script>
</head>
<body>
<div id="slider1" class="rslider"></div>
</body>
</html>
Chrome öffnete die Seite, zeigte aber nichts im div. Was habe ich falsch gemacht?
jsfiddle Beispiel von Roundslider zur Verfügung gestellt.
'$ ("# slider1")' nicht, wenn die Skriptlasten definiert. Wickeln Sie das Skript in einen '$ (function() {})' Wrapper. –