勉強したことのメモ

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

  関連記事

jQueryでHTMLの特定要素をループ時に逆順で処理する方法
jQueryでHTMLの特定要素をループ時に逆順で処理する方法

jQueryでリスト(li)タグ等の特定要素をeach()でループ処理する場合、 ...

サムネイルをクリックすると拡大画像を表示できる「Lightbox2」の利用方法
サムネイルをクリックすると拡大画像を表示できる「Lightbox2」の利用方法

画像をサムネイル表示してクリックしたら大きく表示するというのがLightboxで ...

jQueryにてボタンをクリックするとAjax通信し結果をテキストボックスに反映する方法
jQueryにてボタンをクリックするとAjax通信し結果をテキストボックスに反映する方法

jQueryを利用しページ内の特定のボタンをクリックすると、指定のページにAja ...

エリア→都道府県→路線→駅名を連携する絞り込みセレクトメニューの設置方法
エリア→都道府県→路線→駅名を連携する絞り込みセレクトメニューの設置方法

エリア→都道府県→路線→駅名のドリルダウン検索をプルダウン形式で設置したい。以前 ...

Lightboxで画像拡大時に文字タイトルとリンクをつける
Lightboxで画像拡大時に文字タイトルとリンクをつける

lightboxで画像をクリックして拡大した際に、文字タイトルとその文字にリンク ...