JQueryプラグインなどJavascriptに関すること

slickで「responsive」の設定が効かない
色々な使い方ができる slick 、とても便利でよく使わせてもらっています。slickのオプションの「responsive」ですが、何故か設定が効かない状況がありましたので、備忘録です。下記のように対応することで、正常に動作するようになりま...

親タグにCSSを追加・適用する
親タグにCSSを指定、追加する場合は、jQueryを使えば、簡単に対応できます。 例えば、あるボタンの親要素ごと非表示にしたい場合は、下記のように記載します。 サンプルHTML jQuery CSSのみで対応できるか? ちなみに、CSS...

jQueryプラグイン「Colorbox」をレスポンシブ化する
jQueryプラグイン「Colorbox」をレスポンシブ対応するための方法です。 「Colorbox」は、記事中の画像を簡単にポップアップ表示させることができる、モーダルウインドウプラグインです。 上記のように、「 maxWidth」「 ...

CKEditorで、styleなしのspanタグを許可する
CKEditorで、スタイル無しの<span>タグを手入力しても消えてしまうようでした。 <span>タグ自体は、文字のサイズなどのスタイルを変更すると自動で入るのですが、スタイルなしの状態の<span>のみでしたら、入力しても消えてしまい...

jQueryプラグイン iziModal の矢印をクリックした時の線を消す
「 iziModal 」はとてもお洒落なモーダルウィンドウを実装できるjQueryプラグインです。 グループ化した時にナビゲーション(矢印)を表示できるのですが、クリックした時に、線が出てしまいます。 フォーカスした際に出る線ですので、CS...

bxsliderがスマホで動作しない
bxsliderがPCビューでは動作するのですが、スマホビューでだけ動作せず、少し時間を取られてしまったのでメモです。リセットで、全ての要素に max-width:100%; を設定してしまっていました。これを削除したら、動作しました。PC...

jQuery colorbox の閉じるボタンを上部に表示(移動)
colorboxで表示する画像が高めの場合などで、「閉じるボタン」が下の方に表示され、分かりにくい場合があります。 その場合は、ボタンを上に付けると分かりやすいと思います。 colorboxは欄外をクリックでも閉じる事ができますが、分かりに...

jQuery(Javascript)で自動で連番を振る方法
セクションごとに番号を振りたい 見出しなどに、番号を振る時があると思います。 (よくあるのが「~~の流れ」) LISTを使うのもありですが、装飾したい場合など、表示場所を独立した場合などには使えません。 また、手動で数字を振るのは、メンテ...

【CKEditor】でTHやTDタグに追加したクラスが消えないようにする
WEBサイトの更新システムなどでよく利用される、WYSIWYGエディターのCKEditor、すごく便利です。 管理画面を導入する必要があるサイトへはよく導入しています。 CKEditorはデフォルトで、ソースエディターで直接、thやtdタ...