勉強したことのメモ

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

  関連記事

JSやjQueryで動的に追加した要素に対して「slick」でスライダーを実行する方法

外部サーバからAjax等で画像URLを取得したものをimgタグとしてページ内に描 ...

FullCalendarでラベルごとに表示・非表示を切り替える方法

Googleカレンダーだとページ左側にマイカレンダーというのがあり、その中に任意 ...

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

CodeIgniter4.4.4&Bootstrap&jQuer ...

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

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

javascriptやjQueryで画像を書き換えても変わらない場合

けっこう前に画像をアップロードしてリアルタイムにプレビューする機能を作った時に、 ...