勉強したことのメモ

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

  関連記事

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

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

CodeIgniter4&Bootstrap&jQueryで簡易版お問い合わせページの作成

CodeIgniter4.4.4&Bootstrap&jQuer ...

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

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

ライブラリ等を使用せずファイルをドラッグ&ドロップでアップロードする方法

formにドラッグ&ドロップでファイルをアップロードする機能を実装する場 ...

JavaScript / jQueryでブラウザのウィンドウがアクティブかどうかを判別する方法

ある動画サイトを閲覧していた際にウィンドウが非アクティブになると視聴中の動画が止 ...