中途半端を極める

web関連で役に立ちそうなものを紹介いたします

javascript

【javascript】thickboxを組み込んでもポップアップせず、動作がしないときの対処法

投稿日:2014年6月1日 更新日:

thickboxを組み込んでもポップアップせず、動作がしないときの対処法

wordpressでPicasa and Google Plus Expressというプラグインを使用していて、画像をポップアップさせたいなと思い、「thickbox」を組み込もうとしたときに起きた現象です。

thickboxを組み込んでもポップアップせず、loadingの画像が表示されたらとまってしまいます。
対処法が無いか調べたらあったので紹介いたします。

thickbox.jsの79行目あたりを変更

TB_TempArray = $("a[@rel="+imageGroup+"]").get();
TB_TempArray = $("a[rel="+imageGroup+"]").get();

@を外すと動作します。

参考:
http://roserogue.blogspot.jp/2011/06/thickbox.html

wordpressであれば「Auto ThickBox Plus」とかいうプラグインをインストールすれば簡単に実装ができるのですが、あまりプラグインを使用したくなかったので今回は組み込みを行いました。

thickboxの使い方は以下のサイトが充実しているようです。
http://attosoft.info/blog/thickbox-usage/

ちなみにthickboxのダウンロード先は昔と変わっているらしいので、こちらに残しておきます。
http://codylindley.com/thickbox/

-javascript

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

【javascript】jQueryとprototypeを共存させる方法

自分が管理していないサイトを突然「更新してくれ!」と言われ、確認するとprototypeが使用されておりました。私は基本的にJavaScriptライブラリはjQueryを使用するので、少々戸惑いました …

HTMLで生年月日から自動で年齢を読み込む方法

HTMLで年齢を表示させる場合、毎年手動で更新している人が多いかもしれません。自分もその中の一人でした。 実際毎年手動で更新するのは面倒くさいし、数が多いと忘れてしまう場合があります。 そんなことにな …

【javascript】レスポンシブデザインにも使用できる!マウスオーバーするとメインの画像が切り替わるjQuery「ImageNavigation」

今回はマウスオーバするとメインの画像が切り替わるjavascriptを紹介いたします。 FLASHなどではこのような動きをするものはあるのですが、jQueryではなかなかありそうでない動きですので、重 …

【Javascript】IE6でもpng画像を使えるようにする

IE6でpng画像を使うと、透明部分が灰色になって正常に表示されません。 IE6でも正常に表示させるためには「DD_belatedPNG」というライブラリを利用します。 img要素やCSSでの背景(背 …

【javascript】高さをjQueryで取得する時Google Chrome、Safariでうまく動作しない時の対処方

jQueryで高さ(height)を取得する時、IEやFirefoxではうまく動作するけど、Google Chrome、Safariで動作しなくて困ったことは無いでしょうか?高さを調整するようなjav …