問題タブ [bootstrap-slider]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - スクリプトが正しい順序で開始されているにもかかわらず、bootstrap-slider が機能しない
私の<head>
タグは:
HTML:
JS:
... 角が丸い入力テキスト ボックスしか表示されません。ここでjQuery-uiがスライダーコマンドをオーバーライドしていると思われるので、このJSも試しました:
....そして、何も見えません。DOM は新しい HTML をロードしますが、何も表示されません。これを隠す CSS はありませんが、要素の高さはすべて0
であり、これらの高さを CSS でより高い数値に手動で設定した後でも、要素は表示されません。
この空のスペースをランダムな場所でクリックして、インスペクターでスライダーの値が変化するのを確認することもできます!!! このような質問に対する他の回答には、スクリプトを正しい順序で配置することが含まれます。これは私が行ったものです。どこかにバージョンの不一致がありますか?
コンソール エラーはなく、リソースの読み込みに失敗することもありません。
jQuery v 3.3.1 とブートストラップ v 3.3.7 を使用しています。
javascript - 目盛り付きの対数jQuery Boostrapスライダー
このウェブサイトhttps://www.enplug.com/pricing?plan=annual&displays=5&devices=5で指定されている対数スライダーを作成しようとしています が、ここである程度の成功を収めることができますが、ティックを一致させることができません。これが私の HTML です。 /JS コード。jQueryブートストラップスライダーを使用しています
完全なコード スニペットはこちら
上記のリンクhttps://www.enplug.com/pricing?plan=annual&displays=5&devices=5に示されているように正確にしたいと思います
目盛りの部分が正しくありません。スライダーの位置は 2、目盛りの数は 5 です。bootstrap-slider のドキュメントを読みましたが、同じレイアウトを実現できませんでした。