2013-02-27
JQueryのセレクタ指定の罠
Javascript/, URLメモ |
罠…なんて少し大げさですが、ちょっとハマったことがありました。
JQuery(8系9系)を使っていてhtmlのセレクタ指定でうまく値を取得できなかったので、とりあえず備忘録。
htmlで
<div id="hoge"> <div class="firstclass"> <img src="image.jpg"> </div> </div>
というのがあって、
このソースから画像ファイル名を取得するとき、
$(#hoge .firstclass).attr("src");
とすれば、値が取れると思いますが、
今度は、こんなhtmlで
<div id="hoge" class="secondclass"> <img src="image.jpg"> </div>
このソースから画像ファイル名を取得しようとして…
$(#hoge .secondclass).attr("src");
とすれば、値が取れると思ったのですが…
と、取れなかった…
それどころか、この書き方で値が取れてないなんて思ってなくて、ちょっとハマってしまいました…
alertしてみて始めて気づき…なんとなく書いたのが、
$(#hoge.secondclass).attr("src");
(hogeと.secondclassの間のスペースを消してみた)
と、取れた！
え！？なに！？
ググったんですがそんな記事見当たらなかった…
つまり、idを基準に子クラスを呼ぶ場合は、最初の書き方で良いのですが、
idと同じタグ内に記載してあるクラスを呼びたい場合は、どうもスペースをつめないといけないようなのです。
こちらに関してはもっと検討していきたいです。
それにしても、idはユニークなので、本来はあまりこういう呼び出し方をしないはずですが、
どうしても今回はこういう風に実装せざるを得なかったのです…
今回は、なんとか仕事で実装しましたが、無駄な動きが多いソースになってしまった…
それに、リソースの無駄遣いや、個人的にはもっと直したかったです…
いろいろとまだまだ修行が足りません…トホホ…
基本的なとこから
jQuery – いろんなセレクタ指定方法＋αを覚えて、目的の要素をさくっと取得する | 1：n – DETELU Blog
一覧で分かりやすいかも
jQueryコーディングの基本的なことからプラグイン化までの注意書き（Webデザイン）
見やすくて分かりやすい！
他にも↑のページに似た素敵なページを見つけたのですが…URL見つけきれなかった…
最近、仕事でJQueryのCycleを使いました
今更な件名ですが…
最近、JQueryのプラグイン「cycle」というのを使いました。
もっと詳しくいうと、cycleの中の「curtainX」を使いました。
これがいろんな動きをオプションで指定できて面白い！
今回だけじゃなくて、今後も何かと使っていきたいので、とりあえずURLメモ。
まずは公式ページ
オプションの一覧が詳しく載っていて、役に立ちました。
各動きのオプションごとに詳しいページがあります。
jQuery Cycle Plugin | Webサイト制作支援 | ShanaBrian Website
全ての動きをこのページのみで確認することができる。便利。
ところで…いつ、どんなページに使おうかしら…
2012-05-12
xcodeで「ラベルとラベル名を接続」ができない件について
アプリ開発 |
某iphoneアプリの教科書より
story.boardで追加したtext box等にアクションを追加する時、text boxをドラッグしてViewController.hに接続しましょう、ってな記事が数回出てきますが、これがまったくうまくいかない。
何度トライしてもダイアログ(ポップオーバー)が出てくれない…
新しく作り直してもだめ…ググっても出てこない…
うーんって悩んでたら、
AppleDeveloperで「初めてのiOSアプリケーション」なるPDFを発見！
ここにちゃんと書いてあった！！！
「Controlキーを押しながら…」と…
たったこんだけかいっ！！！
こんなことでつまづいたのって私だけ！？トホホ…(泣)
2012-01-09
2011年末から2012年始の出来事
etc |
なんてこったい！
っていうのが第一声です。
年末早々、某プリンターのドライバをインストールしたら、急にWinsowsXPが動かなくなり、
ついでにそろそろ替え時ということで、
12月31日大晦日の閉店ギリギリにbiccameraにマザーボード、HDD、メモリ等を買いにいくも、
組み立ててみるも電源が入らず…
原因はマザーボードかな？と思い連絡したところ再入荷とのことで、結局手に入ったのが、8日。
交換したら見事に電源が入りまして、やはりマザーボード不具合でした。
何気にマザーボード不具合は二回目。こんなに不具合に当たるものなのかしら！？
そして、正月から今までは相変わらず超ダラダラ過ごしとります。
目標にしているアプリ開発も全くもって前に進めておらず…
久しぶりに進めようとしたらなんかわけわかんなくなり
最初からやり始める事態に…
くぅ〜〜〜〜
挫折しそう…トホホ…
しかし、2012年始まったばかり。
諦めるには早すぎですねw
2011-12-11
今週のお題「2011年、買って良かったもの」それは…
etc |
今週のお題「2011年、買って良かったもの」
や、やはり…今年、10月15日に満を持して(?)購入したmac book airです。
購入に至った経緯は、何気なく欲しいと思って手に入れたiphoneから。
iphoneアプリに興味をもち「私も作ってみたい！」と思ったことがきっかけであります。
しかしその計画は、ぶるとっぴんに進んでる訳もなく…
購入から約二ヶ月たった、ようやく今日、「hello world!」を出力するにとどまっていますw
まぁ、まずまずのはじめの一歩。
途中で諦めずに、これからのんびり作っていい2012年を迎えれたらな、と思います。
2011-07-17
PHPのarray_mergeのバグ！？
PHP |
PHPのarray_mergeを使って、
$hoge1 = array
(
[09] => Array
(
[hoge] => 02
)
[10] => Array
(
[hoge] => 08
)
);
この配列と
$hage2 = array
(
[777] => Array
(
[hoge] => 99
)
);
を足そうと思ったわけです。
$res = array_maerge($hoge1,$hage1);
求めていた答えは
$res = array
(
[09] => Array
(
[hoge] => 02
)
[10] => Array
(
[hoge] => 08
)
[777] => Array
(
[hoge] => 99
)
);
だったわけなんですが…
な、なんと実行すると10の添え字が壊れとる…
$res = array
(
[09] => Array
(
[hoge] => 02
)
[0] => Array
(
[hoge] => 08
)
[777] => Array
(
[hoge] => 99
)
);
チーン
で、google先生に聞いてみたら…
BUKUROさんが
http://blog.y-110.net/log/eid69.html
とおっしゃられていました。
ありがとうございます。
http://jp.php.net/manual/ja/language.operators.array.php
というわけであっさり、
$res = $hoge1 + $hage1;
で解決！！
っていうかバグよりこの解決のほうが衝撃的！！
