*

ブログ記事通りにコピペしたのにjqueryが動かない時に確認する事

公開日: : Web制作

jquerynotwork

ウェブサイトを訪れた時に画像がスライドで切り替わったり、スマートフォンサイトだったら横からメニューが出てきたりインタラクティブな動きをするウェブサイトを一度は見たことがあると思います。それらは大抵 jQuery という技術が使われています。ようするに javaScript です。

例えば自分のサイトに画像スライダーやインタラクティブな動きを付けたいと思った時、一から jQuery のプログラミングを行う必要はありません。インターネット上に javaScript ライブラリとして用途ごとに配布されており、それを設置するだけであなたのサイトに導入する事ができるのです。

導入するには html や css の知識は必要ですが、jQuery の知識はそれほど必要ではありません。javascript を script タグで読み込んだり、デザインを css で調整する程度である事がほとんどです。

そして肝心の導入方法ですが、jQuery プラグインの公式サイトにやり方が書かれています。しかし、英語である事が多いです。でも、ご安心ください。ご丁寧に jQuery の導入方法について詳しく書かれたブログ記事がインターネット上にたくさんあります。それを読んでその通りにすれば…。

kusoxtu

動かねー!?

ブログ記事通りにやっても動かない事がたまにあります。

私がよく使う jQuery プラグインは画像スライダーの bxSlider というものがあります。これは設置も単純で導入のハードルは低い方です。しかし、Google で検索してみると「bxslider 動かない」という予測検索が出てきます。つまり、結構動かなくて困っている人が多いという事です。それは何故か…。

jQuery プラグインの導入方法を紹介したブログ記事の記述が間違っている場合がある為です。

もちろん全てのブログ記事ではありませんが、運悪く間違ったものを見てしまうと jQuery プラグインが動かなくて長時間はまってしまう事になります。大概は読み込む jquery プラグインのファイルが間違っていたり、綴りが間違っていたり、コードの記述ミスである事がほとんどです。

jQuery に詳しくなければ何の疑いもなしにコピペしてしまうでしょう。そして何が間違っているのかわからずに詰みます。それを避けるにはやはり jQuery プラグインの公式サイトからコードをコピーしてくる事が間違いないでしょう。英語でも html や css は世界共通ですから、どこをコピペするかはなんとなくわかると思います。

jQueryが動かない原因を探る方法

jquerynotwork2

Google Chrome であれば F12 キーを押してデベロッパーツールを開き、Console タブを開く事で何がエラーとなっているかわかります。そんな jquery ファイルねーよとか、そんな関数ねーよ、名前が間違ってるぞ等ここを読み解くことでエラーの原因がわかります。

おわりに

つまり、jQuery プラグインの使い方は公式サイトを参照した方が間違いないですよという話でした。

上部広告

  • Pocket

おすすめトピックス

関連記事

analytics
Google Analyticsで簡単にダウンロードカウンタを実装しよう

こんにちは、土日になる度雨で鬱な桐村です。 何か自分で作った作品をネットにアップしていたら、ダウンロード数って気になりませんか?そうするとダウンロードカウンタという選択肢が出てくるわけですが、普通一般的なサイトにダウンロ […]

オフィス画像モニタ
Chrome42から標準フォントがメイリオになってデザイン崩れが発生

Google Chrome42 から日本語標準フォントがMS Pゴシックからメイリオに変わりました。フォントが変わるだけですが、これは意外と大きな変更です。 昔から Windows のブラウザの標準日本語フォントには「M […]

css
CSSが効かなくなった!時に確かめる事

CSS は現在の Web 制作においては必須スキルです。無料サービスのブログ等では必須スキルではありませんが、知識は持っていたほうが独自のデザインを作ることが出来て有用です。 目次1 CSS とは?2 CSS が効かなく […]

ECCUBE
EC-CUBE2.11で全角英数字でも検索できるようにする方法

EC-CUBE2.11系のカスタマイズ方法は見当たらなくて苦労したのでメモしておきます。 EC-CUBE(イーシーキューブ)は、オープンソースのEC向けコンテンツマネージメントシステムである。(引用元) ようは、ネットシ […]

上部広告

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

上部広告

       
airport
空港の売店で見かけるTax Freeとは何か?

飛行機をよく利用する人ならご存知かと思いますが、空港の売店には

スマホサイト
プラグイン無しで簡単に実現するスマホサイトの上からドロワーメニューの作り方【jQuery】

近年どこでもスマートフォン向けサイトが用意されているのが当たり前です。

sumaho-footer2
これを見れば簡単!スマホサイトのフッターメニューをサクッと作るサンプル

スマートフォンなどのモバイル端末でウェブサイトを見る人が急増し、今の時

gifuparking
名鉄岐阜駅直結の最も近い駐車場、24時間営業で2日以上停められます

名鉄岐阜駅から名古屋方面へ旅行やお出かけ、また中部国際空港へ電

wordpressengry
WordPress管理画面の投稿一覧で表示される投稿数を変更するには

WordPress の管理画面と言えば、WordPress でブログや

→もっと見る