Bootstrap selectPickerを使用して遭遇する小さな問題をマークし、次にエラーを確認するときに使用します
$('。SelectPicker ')。selectPicker(' val '、' Musstard '); // single-select $('。SelectPicker')。selectPicker( 'val'、['Musstard'、 'relish']);ディスプレイを更新できます
質問にマークします。SETVALはオプションの値値である必要があり、名前が使用されている場合、なぜ有効にならないのですか?
PS:Beautification(Bootstrap)を選択
紹介する必要があるファイル:
bootstrap-combined.min.css
bootstrap-select.css
bootstrap-select.js
また、bootstrap.min.jsなどの一般的に使用されるいくつかのbootstarpファイル
成し遂げる:
1. <select>タグにクラスまたはIDを追加します。クラスを繰り返すことができるため、クラスを追加することをお勧めします。
2。JSファイルに初期化方法を追加します:
initfnc:function(){$( "。selectpicker")。selectPicker({noneSelectedText: 'select'});}外部初期化中にこの方法を呼び出すのは大丈夫です!
下の写真は美化されています。それはあまり良くありませんが、以前よりもはるかに優れていると思います!
ただし、この美化プラグインにはいくつかの問題があります。
実際、多くはありませんが、この問題は非常に難しいと思います。この方法を使用してそれを美化すると、動的に割り当てられた<select>が表示されます。このようなものにすべきだと思います:bootstrap-select.jsは、「Enter」というオプションなしで<select>を表示します。 noneSelectedText: '選択してください'を修正できる場合、この問題を解決する必要があります!
数時間の研究の後、問題が見つかりましたが、そのうちの1つだけが解決されました。
JSを呼び出すときは、呼び出す前に表面上の選択のオプションがロードされるまで待つ必要があります
initfnc:function(){$( "。selectpicker")。selectPicker({noneSelectedText: 'select'});}このようにして、ダイナミック選択割り当ても美化できますが、それでも問題があります。ページのすべての選択がページが初期化されたときにすべてロードできるわけではありません。たとえば、2つのリンクされた選択オプションがあります。つまり、2番目の選択のオプションは、最初の選択に従って変更する必要があり、JSの監視のオンチェンジまたは変更を追加する必要があります。このように美化すると、問題が発生します!
上記は、編集者が紹介したBootstrap SelectPickerに関する関連する知識です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!