勉強したことのメモ

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

  関連記事

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

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

CAPTCHAに代わる無料のツール「Cloudflare Turnstile」の導入方法

CAPTCHAと言えばGoogleのreCAPTCHAを思い浮かべるが、稀にCl ...

タブアンダー広告をjQueryで再現する方法

サイト内のリンクをクリックすると、新しいタブもしくはウィンドウで開く広告をちょい ...

スクロールしてもついてくる追尾型の広告を作る方法

スマホサイトとかでよく見る、スクロールしてもページ下部とかに常時表示されている追 ...

セレクトメニューにサジェスト機能をつける方法(select2)

formのselectメニューで何文字が入力すると候補を絞って表示させるサジェス ...