Laquu.js の紹介記事を読んで、
僕はずっと yuga.js 派なんだよなー、ってことを再認識しました。
yuga.js :: Kyosuke.jp
yuga.js を個人的にカスタマイズして使ってるので、
公開したら誰かの参考になるかもしれないしと思い、
GitHubで管理することにしました。
オリジナルと同じMITライセンスです。
nth-child は IE8 から対応してるみたいだし、
現状と合わなくなってきてる部分は、
随時修正していこうと思います。
yuga.js 派の方で、
「私はこんなカスタマイズしているよ!」とか、
「yuga.js にこんな機能があれば便利なのに!」とかありましたら、
Fork したり、Pull request くれたり、
ブログや Twitter や Facebook でコメントもらえたらうれしいです!!
import.js を書いてみました。
Mac の Firefox 3.6 と Safari 5 でしか動作確認してません。
上記以外のブラウザで閲覧された方は、
動作しているかコメントもらえるとうれしいです。
ソースとか英語へのツッコミもお待ちしています。
英語は正直自信がありません。
ソースにも自信ないですけども……。
書いてみた理由
import.js で検索してみると、
ほとんどが document.write していて、
createElement して appendChild したほうが JavaScript っぽいんじゃないかなと思ったので、
そうやって書いてみました。
ただ Safari で動作確認したときに、
require 関数で読み込んだ JavaScript ファイルが順番通り読み込まれてないように見受けられました。
document.write なら書いた順番に読み込まれるんでしょうか。
未確認です。
詳しい方、ご教授ください。
っていうか、
github を使ってみたかっただけなんですけどね。
AJAX Libraries API とは
Google AJAX API で jQueryを読み込む方法メモ
jQuery 1.3.2を読み込む
<script type="text/javascript"
src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.3.2");</script>
jQuery 1.3.xを読み込む
<script type="text/javascript"
src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.3");</script>
jQuery 1.x.xを読み込む
<script type="text/javascript"
src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1");</script>
実際にjQueryをGoogle AJAX Libraries API で使ってみて
Web制作小物ツールでGoogle AJAX Libraries API を使ってみたんだけど、
ここ1ヶ月でGmailが調子悪い日が2日くらいあって、
Gmailが調子悪いとGoogle AJAX API も調子悪くなってた。
月に2回はちょっと多いなぁ。。。
悩んだけど、Google AJAX Libraries API を使うのを止めました。
もう少し安定したら、再度使ってみようかな。
例えば、下記の様なコードはIE6で動作しない。
$("#aaa").click(function(){
$("#bbb").submit(();
});
理由はよくわからない。
「ある画像ボタンをクリックしたらsubmit」みたいなことがしたかったけどな。
ボタン画像をformのsubmitにする場合は、
buttonを使うのがよいかも。
僕はbuttonに対して画像置換を使った。
HTML
<button name="submit" type="submit">
<span>送信</span>
</button>
CSS
.button {
width: 100px;
height: 25px;
background: url(../img/bg.gif) no-repeat;
}
.button span {
display: none;
}
ちょっと離れたところにネットワークを引きたくて、
無線間の通信を導入しました。
「AirMac Extream」をベースに「AirMac Extream」でネットワークを拡張する形で成功。
「AirMac Express」をベースに「AirMac Extream」でネットワークを拡張はできなかった。
あと、
「AirMac Extream」をベースに「AirMac Express」でネットワークを拡張して、
「AirMac Express」のLANポートつかって有線ネットワーク作ろうと思ったら、
「AirMac Express」のLANポートはWANでしかないのかね。
「AirMac Extream」 → [無線] → 「AirMac Express」 → [有線] → LANハブ
ってのはうまくいかなかった。
関係ないけど、
「AirMac Express」で無線LAN使いながら、
AirTunesが使えない。
iTunesでスピーカー選択すると、
エラーが発生する
不便で仕方がない。
「AirMac Extream」で無線LAN使いながら、
AirTunesは使えるけど、ネットワークがすごく不安定。
なんでだろう。。。
あるボックス要素のマウスイベントに対して、
その内側の要素にあれこれしたくて、
$(document).ready(function() {
$("div.className").hover(function(){
$($(this).children()[0]).css("background-color","#999");
});
});
ってな感じで書いたんだけど、
子の子だと、
$($($(this).children()[0]).children()[0])
ってなるのは、
なんだか変ですよね。。。
どなたか正しい書き方を教えてください><