jQuery | 自動化する会社　オートプロジェクト

Columnコラム

TOP
コラム一覧
jQueryの一覧

2023.11.21
jQuery

明奈

jQuery｜ページを読み込み後の処理が効かない場合に試してほしいこと

jQueryのページを読み込み後の処理が効かない場合は、以下のステップを試してみることをお勧めします。例 $(window).load(function() { // 処理 }); こちらの記述がきかない場合は、jQueryのバージョンを確認してください。 jQuery3.0以降では上記の記述だと効かなくなるため、以下の記述をしてください。 $(window
READ MORE
2023.06.20
CSS jQuery

明奈

CSS｜［jQuery］data属性の使用方法③（data属性を取得し、色を切り替える方法）

これまで2回にわたり、CSSでのdata属性の使用方法を紹介しました。気になる方は以下の記事もご覧ください。 deta属性の使用方法①［タイトルに仮名を付ける方法］ deta属性の使用方法②［ラベルを作成し、文言や色を指定する方法］今回はdata属性をを取得し、色を切り替える方法を紹介します。まずは、下記の［Result］の中にある赤、青、緑のボタンをそれぞれ押してください。
READ MORE
2023.03.29
CSS jQuery

明奈

スライダープラグイン［slick］を使用して、スライダーに動画を使用する方法（自動再生）

今回は、スライダーのプラグイン［slick］を使用して、スライダーに動画を入れ、自動再生してくれるように作成します。初めにまずはどんな感じになるか、画像をクリックしてデモをご覧ください。 [video width="452" height="330" mp4="https://autoproject.nagoya/wp-content/uploads/Document-Google-
READ MORE
2023.01.10
CSS jQuery

明奈

CSSで指定した!important をjQueryのcssTextプロパティを使い上書きする方法

!importantとは？指定するとどうなる［!important］は、CSSスタイルが適用される優先順位を最優先にする際に用いられます。何よりも優先してCSSの指示を効かせるやり方で、CSSスタイルがどうしても効かない場合に使うと、便利です。ただ、［!important］を使用しすぎると、どのスタイルが優先するか、ブラウザが混乱する為、乱用は避けましょう。 jQueryでの上書き
READ MORE
2015.05.20
jQuery Tips

みわ

一定の文字数以上は「….」として表示させる

文字数が40文字以上の時は、それ以降を「...」と表示させる方法。例えば、下記URLで使用しています。 http://www.imcshop.com/brand/eleven.htm ソースが下記の場合。 <ul> <li><a href="../86/sheetcover/1110080093.htm">TOYOTA86　ZN6型　Lu
READ MORE