JQueryプラグインなどJavascriptに関すること
Javascript／jQueryslickで「responsive」の設定が効かない
色々な使い方ができる slick 、とても便利でよく使わせてもらっています。slickのオプションの「responsive」ですが、何故か設定が効かない状況がありましたので、備忘録です。下記のように対応することで、正常に動作するようになりま...
CSS親タグにCSSを追加・適用する
親タグにCSSを指定、追加する場合は、jQueryを使えば、簡単に対応できます。 例えば、あるボタンの親要素ごと非表示にしたい場合は、下記のように記載します。 サンプルHTML jQuery CSSのみで対応できるか？ ちなみに、CSS...
Javascript／jQueryjQueryプラグイン「Colorbox」をレスポンシブ化する
jQueryプラグイン「Colorbox」をレスポンシブ対応するための方法です。 「Colorbox」は、記事中の画像を簡単にポップアップ表示させることができる、モーダルウインドウプラグインです。 上記のように、「 maxWidth」「 ...
Javascript／jQueryCKEditorで、styleなしのspanタグを許可する
CKEditorで、スタイル無しの<span>タグを手入力しても消えてしまうようでした。 <span>タグ自体は、文字のサイズなどのスタイルを変更すると自動で入るのですが、スタイルなしの状態の<span>のみでしたら、入力しても消えてしまい...
Javascript／jQueryjQueryプラグイン iziModal の矢印をクリックした時の線を消す
「 iziModal 」はとてもお洒落なモーダルウィンドウを実装できるjQueryプラグインです。 グループ化した時にナビゲーション（矢印）を表示できるのですが、クリックした時に、線が出てしまいます。 フォーカスした際に出る線ですので、CS...
Javascript／jQuerybxsliderがスマホで動作しない
bxsliderがPCビューでは動作するのですが、スマホビューでだけ動作せず、少し時間を取られてしまったのでメモです。リセットで、全ての要素に max-width:100%; を設定してしまっていました。これを削除したら、動作しました。PC...
Javascript／jQueryjQuery colorbox の閉じるボタンを上部に表示（移動）
colorboxで表示する画像が高めの場合などで、「閉じるボタン」が下の方に表示され、分かりにくい場合があります。 その場合は、ボタンを上に付けると分かりやすいと思います。 colorboxは欄外をクリックでも閉じる事ができますが、分かりに...
Javascript／jQueryjQuery（Javascript）で自動で連番を振る方法
セクションごとに番号を振りたい 見出しなどに、番号を振る時があると思います。 （よくあるのが「～～の流れ」） LISTを使うのもありですが、装飾したい場合など、表示場所を独立した場合などには使えません。 また、手動で数字を振るのは、メンテ...
Javascript／jQuery【CKEditor】でTHやTDタグに追加したクラスが消えないようにする
WEBサイトの更新システムなどでよく利用される、WYSIWYGエディターのCKEditor、すごく便利です。 管理画面を導入する必要があるサイトへはよく導入しています。 CKEditorはデフォルトで、ソースエディターで直接、thやtdタ...