勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

jQuery Nice Selectを特定ページのみ無効にする方法

   2024/02/20  jQuery JavaScript

bootstrap系のテンプレートデザインを使用したサイトを構築中に、セレクトメニュー部分が「コーディングしたHTMLタグ構成」と「ブラウザ開発ツールで確認したHTMLタグ構成」で異なっていた。

「nice-select」というclass名が付与されており、調べたところjQuery Nice Selectというプラグインが使用されている模様。こちらを特定のページのみ無効にしたかった。

 

無効方法

$(function(){
    $('select').niceSelect('destroy');
});

 

jQuery Nice Selectとは

selectメニューをドロップダウン形式に置き換える軽量なjQueryプラグインとのこと。見た目もちょっと綺麗になる。

https://hernansartorio.com/jquery-nice-select/

 - jQuery JavaScript

  関連記事

HTMLのカスタムデータ属性をjQueryで取得する際はキャッシュに注意する

ASPを使用したサイトでHTMLのカスタムデータ属性を取得し色々処理したかったん ...

八地方区分→都道府県→路線→駅名の連携したセレクトメニュー の実装方法

八地方区分(関東、近畿等)をプルダウンから選ぶと区分内の都道府県プルダウンが表示 ...

モーダルウィンドウ表示時にウィンドウのスクロール位置をリセットする方法

モーダルウィンドウ内で「縦にスクロール→ウィンドウを閉じる→改めてモーダルウィン ...

フォームの入力・選択内容を自動保存してくれる「Garlicjs」プラグインの利用方法

お問い合わせページ等、フォームを設置したページで入力・選択した内容を保存したい。 ...

jQueryの「DateTimePicker」プラグインで日付や時間選択時に指定したイベントを実行させる方法

jQueryの「DateTimePicker」プラグインで日付や時間選択時、あら ...