【jQuery】JavaScript ライブラリ総合質問所 vol.1

JavaScriptライブラリ を自ら学ぶ人のための質問スレッドです。
>>2のテンプレを読んだ上で質問してください。

■質問を書く上で
(1) 質問にならない投稿はご遠慮ください。(煽り、コード制作依頼など)
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 長い間連続して質問する場合にレス番を名前にしてあれば、質問の流れが回答者に伝わりやすくなります。
(4) 常に自発的に調べる心構えを持ってください。
　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
　　※必ず「問題の事象が再現されること」を確認してください。
　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。質問テンプレートを活用してみてください。

■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
　1レスに収まらないならコード投稿サイトを利用してください。
　http://jsdo.it/　http://jsbin.com/　http://jsfiddle.net/　http://ideone.com/

■前スレ
無し

■主要FAQ
無し

■関連スレ
+ JavaScript の質問用スレッド vol.97 +
http://toro.2ch.net/test/read.cgi/hp/1327750531/

■各種仕様
無し

質問するときは使用しているライブラリ名をハッキリ明記するようにしましょう。

ライブラリがあまり絡まない基本的な問題は>>2の本スレに誘導。

テンプレ相談は>>750くらいから。

主要なライブラリ

jQuery
jQuery Mobile
prototype.js
mootools
Yahoo! User Interface Library

Ext.js
Sencha.js

あたりもか

【期待される当面のスレの進行】

早急な回答は期待できません。
しばらくは少しjQueryが絡む程度なら本スレでの質問を推奨します。

逆に本スレで相手にされないようなマイナーな環境や、
嫌がられるようなプラグインバリバリの質問はこちらですることがオススメです。

きっと優しい回答者様達がじっくりと回答してくれます。
回答者は時間がかかってもいいので、わかる範囲でできるだけ回答してあげてください。

スライドショーでjqueryつこうてるのですけど
切り替えの早さとかの設定してますか？
dualirationとかpauseの設定です

値です

ライブラリとフレームワークは違う

JavaScriptにとってそんなに違いはない

Dojo最高じゃねぇか

Dojoとかどこかの総理大臣を思い出すから勘弁して

スレタイの前にｊQueryだけ入っているところが恣意的

>>13
いや、違うんですよ。
二つ入れたかったんだけど文字数制限で。
次スレから自由に改良してもらって構わないです。

jQueryの質問は多いと思うし、このままでいいと思う。

まあ、まだ何の質問もないけどなｗ

じゃあ質問
jQuery UIのdialog内でselectメニューを使うとクリック（タッチ）しても、
ブラウザによってはプルダウンが出てこない問題でハマってるんだけど
何故だか分かる方、同じ地雷を喰らった方いますでしょうか？

そんなことよくある
ブラウザによっては動きませんとか言うのが間違いない
動かしたいブラウザで動くように作るのが正解
諦めるのが次点

じゃあjQuery使わないのが正解になるやん

zIndexが変になってるとかじゃないの

>>18当たり前だろ
jQueryだけでなんでも簡単にできるんなら皆jQuery使うわ

つまりjQueryで楽しようとしても無理ですってことか
まーそらそうだよな

jQuery UIとかオワコンだと思ってた

そうなの？
jQueryより後から出てきたものではないの？

jQueryは全部のブラウザに対応している訳じゃない。
けど、ほとんどのブラウザで動作確認されている。
jQueryで正常動作しないブラウザは、よほど特殊かマイナー
もしくは、もう古いブラウザーって事だろ、切り捨ててOK範囲。
切り捨てる事ができないのなら、jQueryで作った上で対応してないブラウザに個別対応するのが確実。

>>24
の言う通り
レゴを使えば簡単に物体が作れるが細かい部分に限界があるのと同じ

>jQueryで正常動作しないブラウザは、よほど特殊かマイナー

俺もそう思って採用したんだけど、ここ一年以内のAndroid端末で動かないんだぜ…
Xperia Arcって特殊かマイナー？

>>26
Android持ってないからわかんねーや
iPhoneのSafariとかは正常に動作してるけどな。
mouseoverの当たりとかはダメだけど。
待ってれば対応する可能性高いと思うが今は個別対応するしかないんじゃね？

いやいや
何のためにjQueryMobileがあると思ってんの

jQuery Mobileは残念ながら、まだ今の端末ではまともに動かないね

> 正常に動作してるけどな。
> mouseoverの当たりとかはダメだけど。

こういうのってどういう気持ちで書くんだろ

バカが釣れるかどうかワクワクしながら書くんじゃね？

>>30
iPhoneでmouseoverイベントなんて取れないんじゃねーの？

だから釣りだろ

jQuery mobileの開閉式コンテンツに動的に要素を追加した場合に表示をリフレッシュする方法が分からなくて困っているのですが、どうしたらよいでしょうか。
リストの場合はlistview("refresh")のようにやると思うのですが、開閉式コンテンツの場合の方法がリファレンスに記述されてないので。

history.go(0)

.page()

>>36
返信遅れましたが、page()でリフレッシュできました。
ありがとうございました。

jQuery mobileって、ａタグは使えないのでしょうか？
MTで使いたいのですが、記事のなかにaタグとかあると
どうなるのでしょうか？

Web制作の現場で使う jQueryデザイン入門
jQueryデザインブック　仕事で絶対に使うプロのテクニック

どっちがおすすめですか？

読んだこと無いからわからんが、自分でじっくり立ち読みして決めるべき

今まさに興味がある知りたい項目を読んでみて理解できるかどうか
索引を見て知りたかった用語が載っているか、その解説が理解できるか

人それぞれ知識のレベルが違うので合う本も違ってくる
ただ、IT関連書籍は日本語が不自由な本が多くて読むだけ無駄な場合が多々ある

>>39
アマゾンの評価みれば？
それか、両方買えばいいんじゃね？

jquery mobileって何でこんなに人気があるんだ
似たようなデザインばっかりで吐き気がする

>>40
> IT関連書籍は日本語が不自由な本が多くて

全くだわ。なんなんだろうな。

文系エンジニアはそういったの書けるほどの理解が足らない場合が多いし
理系エンジニアは自分の理解の上で書くから理解させる文章が書けないというか
まぁ何系による話しでもないか

理解に経験が相まって、高みの視点から解説されている文章は
読んでてすんなり頭に入ってくるし、面白いと感じるけども、
まぁ、少ないな。

とにかく、一定数の販売が見込めるからという理由で銭目当てで
出版するのは勘弁してほしいわ。

質問させて下さい。
DBからJavaで取得したListをjQueryで検索かけたいのですが、
JavaのListをどうやってjQueryで扱えばいいですか？
検索結果が少ないので、あらかじめ全項目取得してフォームの入力項目に併せて
動的に結果を表示させたいのですが…。

すみません。追記です。環境は
windowsXP 使用してるフレームワークはSAStrutsです。
<html:radio property="sample"
value="${number}"
onclick="$('#divTag').load('${f:url('search/')}${number}');"
/>
このようなやり方で、戻り値に別に用意したJSPを用意する事で、
ラジオボタンチェックで動的に値を取得して表示させることはできるのですが、
いちいちサーバーにアクセスするので、ページ表示時にjQueryが
全データを持っていて、それを検索していくことを実現させたいです。
よろしくお願いします。

>>42
じゃ、CSSカスタマイズすりゃいいじゃん。
基本機能は実装されてるけど、後は自分でカスタマイズしてね。
フレームワークってそういうもんじゃね？

>>45
年末に出たオライリーのjQueryMobile翻訳版がまさに。
2000円を捨てた感じがしたよ。

>>47
あらかじめ文字列成形したリストを吐き出して、Ajaxで取得じゃダメ？

鯖アクセスが無駄ってことだろう。とりあえずJavaがわからん

>>47
Strutsのテンプレートみたいなもんなんだろうけど
そういった書き方はおすすめせんな
あとHTMLの勉強すれば理解できる程度のもんだよそれ

JSPでscriptタグ生成すれば?
<script>
var data = ['foo', 'bar'];
</script>
とかになるように。

しかし、JSPの$とjQueryの$が混ざるとわかりにくいな。

皆さんありがとうございます。
var data = ['foo', 'bar'];
なるほど、こうやれば配列を渡せるのですね。
今出先なので帰ったら試してみます。

あれから考えていたのですが、
一度JSPで全データのhtmlを書き出して
そのhtmlをラジオフォームのチェック状況を踏まえて
整形していくというやり方は可能でしょうか？
jQueryでラジオフォームの値と同じ値のDivは非表示、
というような処理が必要かと思うのですが…。

携帯の為個々にレスできずにすみませんが、お願いします。

追記させて下さい。
現在一度全データをHTMLに書き出し、そのHTMLを成形させる手法で実装を進めています。

現在下記のソースにより想定している動作を実現しました。

$(function() {
//全データが書き出されるので非表示に。
$(focus).toggle();
});
function sample(number) {
var test = "#" + number;
$(focus).css("display", "none");
$(focus).filter(test)
.toggle();
};
------------
<html:radio property="sample" value="${idNumber}" onclick="sample(${idNumber})" />

しかしながら、toggleは単なる表示/非表示の切り替えなので、
呼び出しの度にdisplay:noneを行い、該当箇所をtoggleという処理が無駄だそうなので、
toggle()の箇所を単に「表示」にし、その他は排除する機能を持った
メソッドを使いたいのですが見当たりません。
度々申し訳ないのですが、参考になるサイト等ございませんでしょうか。

>>55
$(focus).hide().filter(test).show();
でいいんじゃね?(未テスト)
show/hideはすでに表示/非表示になっているときには何もしないから、
css("display", "none");するのとちょっと違う。

それから、全データを書きだしてから非表示するんじゃなくて
HTMLの段階で非表示にしておくほうがいいんじゃないかなあ。

しまった
>show/hideはすでに表示/非表示になっているときには何もしないから、

ソースみたらhideの方は無条件で none に入れてる。

$(focus).filter(":visible").hide();
$(focus).filter(test).show();
ってしたほうがいいかも。

あるいは、前回クリックしたnumberをどこかに覚えておくとかかな。
.data() を使うといいよ。グローバル変数でもいいだろうけど。

複数のバージョン違いのjQueryが読み込まれる環境で汚染を避けたいのですが
$my = jQuery.noConflict(true); とすることで$だけでなくjQuery自体も元に戻ると考えていいのでしょうか？

>>58
そうです

>>59
ありがとこざいます!!

CSSでボタンを作って
<button class="cssbutton" id="xxxxx" onclick="funcAAA(aa,bb,cc);">ボタン</button>
と表示していますが、onclickで実行される関数funcAAAの中で
ボタンのidを取り出すことはできないでしょうか？
$(this).attr("id")などとやっても取れませんでした。thisがbuttonタグを指さないみたいです

>>61
どうして中途半端にjQueryのclick使わずonclickでイベント拾ってるの？

>>62
ボタンが沢山あるページを、PHPで動的にHTMLを吐き出していて、
ボタンによってfuncAAAへの引数が変わる
jQueryのclickでできなくもないけど、上の方法がシンプルだったのでそうしました

>>63
・・・そうか。
でも、俺が言いたかったのはちょっと違って・・・

クリックのイベントもjQueryで受ければthisが使えるよって事で・・・

$("button").click(function() {
alert($(this).attr("id"));
});

こんな感じにすればいいんじゃないの？

Yahoo YUI ver2.9のDatatableって改行させないで初期表示時に
文字列全体を表示してる状態にできないでしょうか。（ズレなど無しで）

私が試したところ、改行させないで文字列全体を初期表示はできたのですが
ラベルと幅がズレてしまいました。。。

>>61
onclick="funcAAA(this.id);"

やはり引数でid渡すのが一番変更少なくすみそうなので
素直にそれでしのいどきます

<button class="cssbutton" id="xxxxx" data-aa="1" data-bb="2" data-cc="3">ボタン</button>
$('button.cssbutton').click(function(e){
var button = $(this);
var aa = button.data('aa');
var id = button.attr('id');
});

なるほど
次はそうしてみます

こちらに誘導されました。
ド素人ですんませんがどなたかご教授お願いします
プルアップメニューなんだけど、スマホから閲覧すると初回タップ時だけhove（文字色のハイライトなど）がうまく機能しません。
別の場所をタップしたり、閉じたり開いたりすると機能するようになります。
どうにか初回からばっちりhoverを機能させる方法はないでしょうか？
Firefox3.6では正常な動作でした。

$(function(){
$("ul.sub_list").hide();
$("ul#ul_menu>li").hover(function(){
$("ul:not(:animated)",this).slideDown()
},
function(){
$("ul",this).slideUp();
})
$(".close").click(function(){
$("ul.sub_list").slideUp();
});
})

簡単な事ならライブラリを使わない方がトラブルが少ないかもしれない
ま、ライブラリを使わずにやってみることだな…
それでもおかしいならブラウザの問題かもしれない…
タッチパネル操作は仕様差がややこしいからな
僅かに全部の機種で違うと言ってもいいくらいだ

なるほどーブラウザの問題の可能性もあるんですね
全ての機種で確認できる訳ではありませんし、無理に設置するのはやめておきます
ありがとうございました！

if (!document.getElementById('id')) {
　return;
}
このidが存在しない時の判定ってどのようにすればいいのでしょうか

もうそれでできてるよ

"id"が存在しない
↓
document.getElementById("id")はnullになる
↓
!document.getElementById("id")すなわち!nullはtrueとなる
↓
ifブロックが実行される

つまりreturnの直前に
alert("要素がありまちぇん！");
って書いとけばＯＫ

>>74
すみません
質問に"jQueryで書き直したい"と書き忘れてました > <

(!document.getElementById('id'))
この部分をjQuery風に書きたいのです
空のjQueryオブジェクト(?)を判定すれば行けると思うのですが

if (!$("#id")) {
　alert("ない");
}
イメージ的にはこんな感じで・・・

lengthを見るかsizeメソッド

ttp://api.jquery.com/length/
ttp://api.jquery.com/size/

>>76
ありがとこざいましたm(__)m

jQueryUIで拡張されたshow()メソッドの第2引数（options）に設定可能なパラメータってどこで調べられますか？

ttp://api.jquery.com/animate/

Firebugとかデバッガで書き換えられない変数を作成する方法を教えてください

>>80
スクリプトをevalで実行

jQueryUIで、$( "<div>" ).dialog().attr('id', 'id1')もしくは$( "<div id="id1">" ).dialog();

の様に動的に作成したダイアログにid属性を付加したいのですが、デバッガで確認するとid属性値が付加されていません。

どこがおかしいか教えて頂けないでしょうか。よろしくお願いします。

もしかして.dialog()で作成したダイアログにはid属性を付加できないんですかね。。

>>81
は？

ドキュメント上のある位置にある要素を特定するにはどうすればよいでしょうか ？

何がしたいのかもっと詳しく
できればHTMLを張ってどこを特定したいのかｋｗｓｋ

>>86
ちょっと説明しづらいのですが、複数の要素をdraggableで適当に動かした後、
ドキュメント上のある位置にある要素を求めたいのです。
例えばtop、left100px以内にあるのはどのidの要素か、などです。
わかりづらくてすいません

複数の要素を全部調べるか、移動するたびに、ある位置に配置されたかどうかを保持しておくか。

>>88
すいません、全部調べるのはどういう方法がありますか？
あと、位置を保持するのはoffsetとか使ってでしょうか？

$("b:eq(0)") と $("b").eq(0) って同じですね？
どっち使ったほうが良いのでしょうか

>>82-83
なぜidが必要かが疑問（どんなケース？）が、付加はされている
どのdiv要素がdialogの戻り値になっているかもう一度確認

> $( "<div>" ).dialog().attr('id', 'id1')
↓
$( "<div>" ).dialog().parent().attr('id', 'id1')

恐らくこうだろうという修正案

>>89
ttp://jsfiddle.net/6FrZd/

1つの例として位置と大きさから座標の範囲を割り出す方法を考えたが、
細かい要求はわからないし妥当かどうか自信もないので参考程度に

>>90
その例ならどちらでも

質問するときはバージョンとライブラリ名も書けや
あと連携してるライブラリもあればそれの名前とバージョンもな！

>>90
両方使うのではなくどちらかに統一しろ
俺なら要素と分けて考えたいから後者を使う

速度なら前者

逆じゃね?

簡単なサンプルケースでやってみたが後者のが速かった

<input type="checkbox" id="anyid" />チェックボックス１

この場合文字列「チェックボックス１」を取得するにはどう表現したらいいでしょうか？

<input type="checkbox"id="anyid" >チェックボックス１</input>

であるなら

$("#anyid" input).html()で取得できると思うのですが、このようにhtml部分を書き換えさせた方がいいでしょうか？

<label><input>hogehoge</label>
で
.parent().text()

なるほどその方がスマートですね

>>97
DOMつかって
console.log($('#anyid')[0].nextSibling)
じゃだめかい?

むりやりjQueryだけでやると
var a = $('#anyid').parent().contents();
console.log(a.eq(a.index(a.end().end()) + 1).text());?
?こうなるかな…

まあ、>>98　だね。

質問させてください。
var test = $("#message span.error");
$(function() {
test.hide();
});

上記が動かない理由を教えてもらえませんか？

>>101
　　　　∧__∧
　　　　(　･ω･) 　　いやどす
　　　　ﾊ∨/^ヽ
　　　ﾉ::[三ﾉ　:.､
　　 i)､_;|*く;　　ﾉ
　　　　 |!: ::.".T~
　　　　 ﾊ､___|
"""~""""""~"""~"""~"

>>101
上と下で実行タイミングが違うよ。多分、最初の行の段階で要素がまだ生成されてない。

>>102
そのAAなつかしい…。

>>103
ありがとうございます。
メソッド外部で変数にセレクタを代入してもオブジェクトは作成されないのですか…
同一メソッド内であれば正常に動作することは確認しているのですが、
外部メソッドにセレクタ逃がすことってできないのでしょうか？
ソースがどんどん汚くなっていくので…。

>>103が言ってるのは、
DOMがloadされる前に一行目の変数代入が実行されていてtestが空なのでは？
ということだと思う

jQueryでweb2.0 likeな2ch作ったら流行るでしょうか

流行らない

サイトの７つのページのうち、４つを１つにして
メニューのリンクを押すと横スクロールされて表示される仕組みにしたいと思ってます。

どのようにしたら実装できるでしょうか？

今書いたことを一つずつ実装していけばいいです

検索ワードな
・４つを１つにして
→ カラム化

・メニューの
→ ヘッダ+固定

・リンクを押すと横スクロールされて
→ animate scrollLeft getElementPosition

jqueryで

<div id="d1"><div id="foo"><a href="#" id="abc">abc></a></div></div>
<div id="d2"><div id="bar"><a href="#" id="abc">abc></a></div></div>

のようなときに、
div#d1内にある#abcや、div#d2内にある#abcといった条件で
セレクターで指定することはできますか？

$("div#d1 a#abc")のようにやってみたのですがとれませんでした

$("div#d1 a#abc")
↑
これだとdiv#d1の子要素にa要素#abcがないから取れないに決まってるじゃん

>>111
ID abcが重複してるのはよくない

>>111
できる、とれてる

そのaタグはIDにせずクラスにすれば？

HTMLでidは同一文書内で絶対に重複しないんだから、
div#d1 a#abcなんていうのは単なる無駄　#abcで十分

仕様と実情をはき間違えるなよ
ブラウザも実情に従ってる

突っ込まずに放っておけよ

>>117

# つかわずに [id="abc"] だとどう?

どう? というがそんなもん手元で試せば一発なわけだが
試さないあたりにどうでも良さが垣間見えるな
もちろん俺も試してないが

$("div").keydown(function(e){/* 処理A */}
$("div").click(function(e){/* 処理A */}

上記２行のように指定したセレクタに複数の特定のイベントを登録したいのですが、全て処理Aを呼び出してます
毎回処理Aをコピペするのはコードメンテナンスに悪いので１回書くだけで済むようにしたいと考えてます
そこで下記のように関数にまとめてこう書いてもeを上手く渡せないのが動きません
function ShoriA(e){/* 処理A */}
$("div").keydown(function(e){ShoriA(e);}
$("div").click(function(e){ShoriA(e);}

アドバイスお願いします

>>121
いや、そうじゃなくて。
うち(chrome)だと $("div#d1 a#abc") で取れるので、なにか環境が違うのかなと。

>>121
ぼくのぱそこんだとうごくんですけど。っていいたいの？

>>122
まずは構文エラーを何とかしようぜ。


どうせ 処理A で thisを参照してるとかそんなんじゃね?

eを渡せないらしいからなぁ。

>>121
普通こうだろ
function ShoriA(e){/* 処理A */}
$("div").keydown(ShoriA)
$("div").click(ShoriA)

>>122
$('div').bind('ひみつ',function(){/*処理A*/});

ど素人で申し訳ありませんが教えてください。

ｊｑｕｅｒｙを用いてadobeAIR用のデータベースソフトは開発できますか？

データベースをどこに格納したいのかね？

jQueryはデータベースを操作するモノじゃないし

>130

はい。よくわからないんですが、JSON形式で保存できないかなと。

なぜJqueryを使ってAdobeairでデータベースソフトを作ろうと思ったのは
郵政からでてる「はがきデザインキット」をみた知り合いがこういう見た目と感覚的に操作できる
データベースソフト作れないかと言ってきまして調べてみると
「はがきデザインキット」がADOBEAIRを使っていましたので質問しました。
あれって住所録とかはどのようにしているのでしょうか

jQueryはDOM操作に使うものなので、
JSONの処理は素のJavaScriptを使う
jQueryはJSONにもデータベースにも関係しない

jQueryの話じゃないならスレ違い

データベースをXMLとjQueryで実装することなら楽勝だよ
データベースなんていらんかったんや！

開発できますか？って質問者のセンスによるんだよな

ｊQuery Mobileの$.mobile.changePage()って
1.0a4だと
$.mobile.changePage = function( to, transition, reverse, changeHash, fromHashChange )
なのに、
1.0.1だと
$.mobile.changePage = function( toPage, options )
になっててハマった。

localStorageでも使えばいいんじゃねーの
dataURL使ったcsvへの変換機能も忘れずにな
にしても残念すぎる日本語だな

>>136
1.0a4からの移行だとpushStateEnabledでもハマる可能性があるから一応覚えておき

>>138
おー、まじありがとう！
とりあえず
$.mobile.ajaxEnabled = true;
$.mobile.pushStateEnabled = false;
ってしておいた。

そういや巷じゃ、jQiery Mobile使ってUI開発してる人たちは
$.mobile.ajaxEnabled = false
にしちゃうケースが多いのかね？
俺は逆にajax使いまくってる。
サーバーとのやりとりは、ほぼすべてJSONのみ。

ajax使うなら逆にpushStateEnabledはtrueのままでいいんじゃねーの？
俺は既存のサイトに対してガワだけjqmで差し替える使い方しかしてねえから
両方ともfalseにしてる

jqmで、changePageを使ってPAGE1.html→PAGE2.htmlとページ遷移させる際に
PAGE2で<script></script>でインクルードしてるjsは読み込まずに
PAGE1でインクルードしてるjsを引き継いでるようんだんだけど
こういうもんなの？（実際にはjsp使ってるんだけど）
PAGE2に遷移したら、PAGE2でインクルードしているjsを読み込む方法ってある？

ああ、そうか
changePageするとページを書き換えるんじゃなくて
PAGE1のケツのほうにPAGE2の対象コンテンツをappendみたいにするのか。。。
ややっこしいな。

自己解決

<div data-role="page" id="hoge">
　<script type="text/javascript">
　　$("#hoge").live('pageshow', function(event, ui) {
　　　$.getScript("hage.js");
　　}
　</script>
</div>

って感じで、changePageした後のページでhage.jsを読んで
うまく動いてるっぽい

1.4から大幅に仕様変更になった1.7系の和訳どこかにありませんか？
もし俺が英語が出来る人間なら若くしてたんですが

頑張って若返らせてください

jQuery 1.7の更新内容をまとめたよ。
http://ginpen.com/2011/11/04/jquery-1-7/

絶対に英語を頑張った方がいい。大した英語じゃないし。

公式サイトを見るのが一番正確なんだよな
バージョンごとの違いもちゃんと書いてあるし

さっき、気づいたけどJQuery Mobileってajaxでページ遷移しない場合は、
androidの標準ブラウザDolphin Browser HDを使ってリンク踏んで戻るの
繰り返ししてるとどのサイトもブラウザーが落ちるね。

例えば、http://www.jqmgallery.comにあるhttp://www.misedas.net/とか
http://truevaluepaint.com/mobile/とかね。

どうしてだろう？

ちなみにFirefoxだと落ちなかったよ。

実機エミュ共に何度繰り返しても落ちないわけだが
まあ落ちるんだったら原因は十中八九メモリ不足だろ

ちなみに落ちる現象が起きた端末はＡＵの初代EVOで、本体空きメモリーが44.93MBでした。
自分だけかと思って、友達のドコモのARROWS Kiss F-03Dでも試してみたけど、戻る動作をした瞬間に
落ちました。

俺の手持ちはMotorolaのDroid3のグローバルモデルだけど、
misedas、truevaluepaint共に、標準ブラウザでも他のでも
まったく問題無いよ。

そういや、マーケットアプリのレビュー見ると、
落ちるとか音が出ないとか、トラブルがあるのってだいたい
国産キャリアの販売してる端末が多い気がする。
フィーチャーフォン的機能を付ける際に、何かいじってるのかね。

何かの構文やタイミングが揃ったときに落ちるのなんか珍しくないよ。
例えばガラケーとかのnetfrontは、
a=(Object.toString=Object)+1;
とかで落ちる、一部はフリーズする。

うわ。ほんとだ。PSPブラウザでフリーズした。

$.ajax()なんかのコールバック関数に引数渡す方法ってグローバル変数意外にある？

意味が分からない

引数付きでcallする(無名)関数をコールバックに指定すればいいじゃない

var args
function getdata(data){
　　$.ajax({
　　　　url: ajaxURL ,
　　　　dataType: "jsonp",
　　　　data: data,
　　　　success: function(data) {
　　　　　　if (args...
　　　　}
　　});
}
今はこうやってargsを渡してるけどかっこ悪いので

「コールバック関数に引数渡す」だけでこのソースを思い浮かべろとかバカか

function getdata(data){
　　var args;
　　$.ajax({
　　　　url: ajaxURL ,
　　　　dataType: "jsonp",
　　　　data: data,
　　　　success: function(data) {
　　　　　　if (args...
　　　　}
　　});
}

こうしとけ

なるほど！サンクス

function getdata(data,args){
　　$.ajax({
　　　　url: ajaxURL ,
　　　　dataType: "jsonp",
　　　　data: data,
　　　　success: function(data) {
　　　　　　if (args...
　　　　}
　　});
}

function getdata(data,args){
　　$.ajax({
　　　　url: ajaxURL ,
　　　　dataType: "jsonp",
　　　　data: data,
　　　　success: function(data,args) {
　　　　　　if (args...
　　　　}
　　});
}
こんなテストコード書いて失敗してたから聞いてみたんだ
ありがと！！

function getdata(data,args){
　　$.ajax({
　　　　url: ajaxURL ,
　　　　dataType: "jsonp",
　　　　data: data,
　　　　success: (function(data) {
　　　　　　if (args...
　　　　})(args);
　　});
}

>>164
こんな書き方できるのか！

jQueryの新しいの使ってるなら、ajax処理でdeffered使うと超便利。
コールバックのネストの嵐から解放される。
こんなコードを書けばいい。

xhrObject = $.ajax({ . . . });
$.when(xhrObject)
.then(function(){
　　// ajax処理成功時の処理
　　alert("成功:" + xhrObject.status+"\n"+xhrObject.responseText);
})
.fail(function(){
　　// HTTP通信エラー時
　　errorCode = xhrObject.status.toString();
　　if(errorCode === "500"){
　　　　alert("Internal Server Error");
　　}else if(errorCode === "404"){
　　　　alert("Page not found");
　　}
})
.always(function(){
　　// ajax通信の成功・失敗を問わず必ず実行される処理
　　alert("ajax処理が完了しますた");
});

これは初めて知った！
defferedで調べてみる！ありがとう！

確かに便利そうだ
3重のajaxを書いてインデントが大変なことになってた

deffered使うと、逐次処理っぽいことができんだよね。
jQuery1.5から追加されたんだっけか。

jQuery1.7からは、ajaxじゃないけどイベント処理で
bind,live,delegateが、on(), off() にまとめられてて
これまた便利だよ。

async:trueでもasync:falseのどちらでも使えるん？

使えるよ

ありがとう
試したり調べたりせずに聞いちゃってごめん

あとたしか、複数のajax処理の結果を受けて処理する書き方で

$.when(
　$.ajax("/request1"), $.ajax("/request2"), $.ajax("/request")
).done(
　// それぞれの結果処理
　function( response1(), response2(), response3() ){ ... })
.fail(
　// 失敗処理
);

こんなのもできた気がする。

ちがった、こうかな

$.when(
　$.ajax("/request1"), $.ajax("/request2"), $.ajax("/request")
).done(
　// それぞれの結果処理
　function( response1, response2, response3 ){
　　alert(response1 + response2 + response3);
　})
.fail(
　// 失敗処理
);

とにかくdeffered使うと便利っつーことよ

defferdじゃなくてJSDefferdにしなさいよ

PC向けのWebサービスなら、JSDefferdもいいね。
俺はスマホ向けなんで軽量化したいこともあり
jQuery標準で使えるdeffered使うようにしてるけど。

そういや、JavaScriptでスレッド処理やるライブラリもあるのね。
jsThread
http://sourceforge.net/apps/mediawiki/jsthread/index.php?title=A_Turorial
便利になったなぁ。。。
これで型チェックとかもやってくれれば言うこと無いんだけど。

そこまで欲するならGWTかDartに移行すべきだな

>>155 なら、「context」が例に挙がっててもよさそうだけど。。。

$(".target ul").append(
　　$("<li/>").append(
　　　　$("<a/>").append(
　　　　　　$("<span/>").html("えお").addClass("class14red")
　　　　　).html("あいう").attr("href","#top").bind("click",function(){showmark(i);})
　　).addClass("list")
);
最後のspanだけがうまく追加されないです
あいう"えお"　となる予定です

>>179
HTMLも示したまえ

実行前
<div class="target">
<ul></ul>
</div>

実行後
<div class="target">
<ul><li class="list"><a href="#top">あいう</a></li></ul>
</div>

>>180
失礼しました。まさにその通りです。原因はなんでしょうか？

>>181
使用している関数について機能を調べて
実行順序を再考したまえ

.html("あいう")を外すと「えお」になるよね

わかりました！！
$(".target ul").append(
　　$("<li/>").append(
　　　　$("<a/>")
.append(
　　　　　　$("<span/>").html("えお").addClass("class14red")
　　　　　).html("あいう").attr("href","#top").bind("click",function(){showmark(i);})
　　).addClass("list")
);

途中で書き込んでしまいました
$(".target ul").append(
　　$("<li/>").append(
　　　　$("<a/>").html("あいう").attr("href","#top").bind("click",function(){showmark(i);})
　　　　　　.append($("<span/>").html("えお").addClass("class14red")
　　　　　)
　　).addClass("list")
);
これでうまくいきました。ヒントのおかげです。

それってそもそも自分でDOM操作やってるようなもんだけど
パフォーマンス悪くならね？

こんなことにJavaScriptを使っている時点で以下略

男なら黙ってHTMLベタ書き
俺は女だけどな

1秒が0.1秒になるなら高速化だけど、10msが1msになっても誰も気が付かない

ユーザビリティの観点からいけば、
ページの表示に10秒かかっても許される

>>190
その理屈はおかしい

そういう問題じゃないと思うけどな
毎日数十人の人が一年そのページをみるとして
100msでも合計数十分人の時間を奪ってしまうことになる
数分考えたり書けば高速化できるんならサボらずにやった方が社会のためになる
こういうのが本当のユーザビリティーだと思う

10秒を超えると多くの訪問者は立ち去るからな
ウェブ・ユーザビリティによると

0.1秒までなら応答が瞬時に返ってきたという印象を与える。直接操作している感。
1秒までならユーザーの思考は途切れなく流れる。良質なナビゲーションにはこのレベルの応答性が必要。
10秒遅延してしまうと、ユーザーが即、サイトから離れてしまうことも多くなる。

俺俺DOM操作よりは
html断片ベタのほうが速いよね

HTMLなんかよりプレインテキストの方が速いんだぜ

>>192
一人が見て一人分の時間を奪うわけじゃないんだね

1人が見てる間 他の人が待たされるとか、90年代か

ユーザより保守する人の時間を奪いそうだな。

依頼の1つを何度クリックしても出てこない
スクロールしてクリックを何度も繰り返させられてる
再読込は何度も試した
嫌がらせに腹立たしい

よく見たら数十分人の時間って書いてた。ややこしい

『ややこしい』じゃなくて『間違えた』
ベストは『私が勘違いしていましたすみません。』

これの意味がさっぱり分からないんだが
いったい何をどう勘違いしたんだ

197 名前：Name_Not_Found[sage] 投稿日：2012/03/21(水) 12:54:51.90 ID:???
>>192
一人が見て一人分の時間を奪うわけじゃないんだね

それより>>200の翻訳を頼む

日本語がわかんない奴は来なくていい

数十分人って、1人日とかそういう書き方？

電脳コイル 放課後探偵局 ８
http://uni.2ch.net/test/read.cgi/gameswf/1331471724/579

>>206
つ、釣られないぞ……

数十人*100ms*1年のうちにサイトを見る回数 = 数十分ってこと？おかしくね？

数十分＝20分から99分の間

$(document).ready(function() {
$.post("./ajax.php", {}, function(data) {
$("#main").html(data);　　　　　　　　　　　←１、ここでmainの中にボタンを作成
});

$("#sendbtn").click(function(){　　　　　　　　←２、ここでボタンのクリック処理を追加

$.post("./ajax.php", {}, function(data) {　
$("#main").html(data); ←３、ここでmainの中身を更新
});
});
});

って処理があるのですが
１で作成したボタンには２でクリックの処理が追加されるのでいいのですが
ボタンをクリックした後に３でボタンを書き換えてしまうと
二度とクリックで処理が走りません
2度目以降のクリックでも同じ処理をしたいのですが
どのようにしたらいいでしょう？
ボタンは毎回絵を変えたいので書き換えたいです。

また同じようにclick()でクリック処理を追加したまえ
あと質問ではHTMLも示したまえ

>>212
すいませんHTML側は単純にボタンを置くだけです。
<input type="button" id="sendbtn" classs value="POST" />

>また同じようにclick()でクリック処理を追加したまえ

それも考えたんですが$("#sendbtn").click(function()の中に$("#sendbtn").click(function()を書いて
$("#sendbtn").click(function()の中に$("#sendbtn").click(function()を書いて・・・・・って永久に書かないとイケないのかなぁと
なんかいい書き方があるのですか？

>>209
＞毎日数十人の人が一年そのページをみるとして
これはページの回覧数が毎日数十回という意味で言った

マトリョーシカの完成である。
つうか普通は

◯ ボタンを作る関数
□ ボタンが押された時の関数
△ mainの中身を書き換える関数

に分ける。
んで押された回数を保持する変数を、ボタンを作る関数に渡すなりなんなりしろ。

＞毎日数十人の人が一年そのページをみるとして
＞100msでも合計数十分人の時間を奪ってしまうことになる

＞(1行目は)ページの回覧数が毎日数十回という意味で言った

1回100ms×毎日数十回
数十回は20〜99回を指すから、
1日で2秒〜9.9秒なので1日数十分
1年で730秒〜3616秒(12分〜60分)なので1年数十分かは微妙

>>216
10秒未満が1日数十分っておかしくね？
あと、12分から60分が数十分じゃないってのは、十数分から数十分でなきゃだめってこと？

>>211
1.7未満ならlive関数、1.7以降ならon関数を使うことで、あとから動的に追加されたものに対しても
イベントを設定できる。

.live()使えばいいだろ。.live()便利だから調べて使え。

なんで同じこと書いたの？

代名詞を使えとか？

>>216
出ていけ。

live関数たしかに使えそうです。
有難うございました。

>>214
出ていけ。

どうしてliveを勧めるのか・・・
onではダメなのか・・・むしろonの方がいいだろ

onz・・・

更新履歴読まないでonを知らない奴ばっかりなんだろ

liveは廃止予定(次のメジャーバージョンあたりでなくなるだろうね)
on推奨って言われてるけど、個人的にはbind/delegateのほうがわかりやすいと思う

showModalDialog()の代わりに使えるオススメライブラリってありますか？
showModalDialog()では、chromeでreturnValueが取れなかったり、iPadでは対応してなかったりでいろいろ不都合なので。
。
Modalでは無くいつでも閉じられる・下画面が操作できるようなものはいくつか見つかるんですが。
ポップアップではなくオーバーレイで、ダイアログが出てる間は下画面を操作できなくする挙動がいいです。
showModalDialog()のreturnValueのように、戻り値を受け取れるならもっといいんですが。

confirm

自分で作ったほうがはやくね？ｗ

ふむふむ、つまり
#pseudo_modal_layer {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 4294967295;
}
なレイヤを作成して、何か特定の操作をしたら
そのレイヤを消すようなライブラリが欲しい、とそう仰るわけだな？

jQuery 1.7以降は、イベントはon(), off()に統一でしょ。
今のうちになれておいたいいよね。
bind, live, delegateがまとめられるし、defferedを使って
さらに効率よく扱える。

>>217でそれ書いてんのになぁ。

書いてあるな
>>216へのレスと一緒に書いてあるから読まなかったわ
有効なレスと無駄レスを一緒に書かないでくれ

馬鹿に構う奴は例外なく馬鹿だから無視してよろし
234は正しい

このスレってみんなで試行錯誤するスレ？

そうなんじゃない？
質問スレで半端な回答してツッコミをもらって勉強をするというのはよく見るし。

prototype.jsで、 あるnameのチェックボックスって
どうやって取得すればいいの？
セレクタでnameって指定できる？

idなら
というか例となるHTMLを示しなさい

「prototype.js dollar-dollar」

>>239
ありがとう
getElementByName使ったわ

文字列の配列をカンマで連結したいんだけど
javascriptにimplodeってあったっけ？

nameとidの両方をつけたらいいんじゃない？

a = ['aaa','bbb'];
a.toString();

>>239
>>212と同じ人？

>>242
join

>>241
>>240が書いてるように、$$関数を使う

馬鹿は放置

jqm1.1のRCが取れるのまだーチンチン

jqmってなんだよ
略すならjmだろ

uniqueかつ定着してる略称があるのに
わざわざ検索に引っかからない略称を広めることもないだろう

>>166,173
このあたりのカキコミに触発されてdefferedを使いたいと思うんですが
理解が中途半端なせいでどうしてもイメージが湧きませんfunction
function get(){
　　$('.list').each(function(i){
　　　　$.ajax({
　　　　　url: ajaxURL ,
　　　　　dataType: "jsonp",
　　　　　data: data,
　　　　　success: function(data) {
　　　　　　　$.ajax({....});;
　　　　　}
　　});
}
例えば上記のようなネストした$.ajaxがあったとして
１っこめの結果を２こめに渡すにはどう記述したらいいんでしょうか？
それと、$('.list').each({...});で連鎖的に$.ajax()が呼び出されるのですが
一番最後の要素から呼び出された$.ajax()で呼び出した$.ajax()が終了したことを
知るにはどうしたらいいでしょうか？

.pipe()
.when()

>>250
このページの解説がわかりやすいかも
http://d.hatena.ne.jp/aoe-tk/20110515/1305471586

単純なものはなんとかわかるんですが
$('.list').each({...});で連続させたときのすべての終了がどうやって取得できるかよくわかりません。
function get(){
　　$('.list').each(function(i){
　　　　$.ajax({
　　　　　url: ajaxURL ,
　　　　　dataType: "jsonp",
　　　　　data: data,
　　　　　success: function(data) {
　　　　　　　$.each(data,function(){
　　　　　　　$.ajax({....});;
　　　　　}
　　});
}

すみません。途中で送信してしまいました。

function get(){
　　$('.list').each(function(i){
　　　　$.ajax({
　　　　　url: ajaxURL ,
　　　　　dataType: "jsonp",
　　　　　data: data,
　　　　　success: function(data) {
　　　　　　　$.each(data,function(){
　　　　　　　　　$.ajax({....});;

　　　　　}
　　});
}

function get(){
　var a = [];
　$('.list').each(function(i){
　　a[a.length] = $.ajax({
　　　url: ajaxURL ,
　　　dataType: "jsonp",
　　　data: data,
　　　success: function(data) {
　　　　$.each(data,function(){
　　　　　a[a.length] = $.ajax({....});
　　　　}
　　　}
　　});
　});
}

あ・・修正ありがとうございました。

という感じでループ処理で取得したデータで逐次ajaxを起動し
戻り値のデータから更にループを回してajaxを起動
すべてが終わったときに別の処理をやりたいのです。
var dfd = $.Deferred();
　　$('.addresssetlist').each(function(i){
　　　　dfd=$.ajax({})
　　　　.then({
　　　　　　$.each(data,function(i,item){
　　　　　　　　$ajax({});
　　　　　　})
　　　　})
});
　　dfd.when(function(){})

ああああ　意味わからん

>>255
var a = []を最終的にどうやって利用するのですか？

それは>>252に載ってるだろ……
分からんならdeferredは忘れたほうがいい。背伸びするな。

おお
$.when(a).ten();ですね！　わかった！

フラグ渡してフラグ監視するってそんなに難しい発想なのか？と思ってしまう

250死亡フラグ

紆余曲折あったけどできました

ありがとうございました

動いたけど終了待たずに$.when(a).then(functiion(){});が走ってしまいます。

function get(){
　var a = [];
　$('.list').each(function(i){
　　a[a.length] = $.ajax({
　　　url: ajaxURL ,
　　　dataType: "jsonp",
　　　data: data,
　　　success: function(data) {
　　　　$.each(data,function(){
　　　　　a[a.length] = $.ajax({....});
　　　　}
　　　}
　　});
　});
　$.when(a).then(functiion(){});
}

うむむ・・・

functiion

そこ？ orz

megamenuで上から下にサブメニューが現れるのではなく、
下から上にサブメニューを表示させたいと思っていますが、megamenuで実現は可能でしょうか？

あ？

ある程度知識がある方用のスレに初心者が質問してしまって申し訳ない

明らかにそんなこと想定してなさそうなプラグインだし
改造すりゃ出来るだろうがするためには代わりにソースみてやらなきゃいけないし
メリット無いのにそこまでしてやるのは面倒臭い、ということを「あ？」の一言で済ましたんだろう
気にするなよ

書きなおすしかなさそうです

もっと端的にいうと知識がない人があおっただけだから気にすんなと。
しいていうならライブラリへのアンカーも書いとくといいんでない

リストあるたびに 外部リクエストいちいちかますとか、ちょっとキチガイみたいなサイトやな

var KickWhen = function (size, callback) { 〜 };
KickWhen.prototype = {
countUp: function() { if (++this.count_ > this.size_) this.callback(); },
　〜
的なオブジェクトを作るだけだわな。
deferred？知るか、んなもん

結局カウンタつけました

くやしい

ちなみに外部リクエストの先はデータ共有のためのAPIサーバです

whenの引数に配列は渡せるのか？

prototype 構文含んでるコードは美しくない

はあ、Deferredも内部でカウンタ持ってるんだが。
お前の悔しさなんか知るかよカス。

jQueryを使っています。
ajax通信でHTTP Headerを設定しようと思って以下のように設定しました。
サーバ側の値を確認してみると、「access-control-request-headers」という所にkeyがあるだけで値を取得することができませんでした。
どのように設定するのが正しいのでしょうか？

環境は、クライアント側jQuery 1.6.4とサーバ側はTomcat7です。

設定してみた値
$.ajax({
headers: {'hoge':'1'}
略
});

ヘッダじゃなくてデータじゃダメなの？

しかもそれはjsじゃなくて
servlet側の処理だろ
スレチ

>>279
Headerに設定したいんです。

dataなら自由なフォーマットでできるのはわかってます。

サーバ側ですべてのヘッダを出力することはできる？

まずはクライアントで正しくヘッダが設定されているか確認してみろ。
それでも取れないなら、>>280 が言うようにサーバ側の問題だ。

>>278 のためにわざわざプログラムを書いて確認してやったが
jQueryでヘッダを設定できるしサーバ側で取得もできる
略っていったい何を略してるんだよ
プログラムもヘッダも省略せずに全部書けよハゲ

まずパケット見てみろ　話はそれからだ

あらかじめCSSが読み込まれてて
あとからjQuery.load("hoge.html");でHTML読み込んだ時ってCSS適用される？

実際に試したか？

大丈夫だよ

どうでもいい
死にはしない

もしかしてと思ったのですが、jQueryのcloneでコピーしても
その要素のイベントハンドラはコピーできても子要素や孫要素のイベントハンドラまでは
コピーができないのでしょうか？

1.4まではshallow-copyなんだっけか
1.5からは第二引数でdeep-copyの可否も指定出来るようになった

バグもあるしやってみて出来なかったらできないってこと

テスト

jqueryのclickから追加したものでないとどちらにしてもイベントのコピーまでできなかったりで
少しハマったりはありましたがうまくできました
ありがとうございました

jqueryがあるのにわざわざclick以外で設定することがあるのか？？

今までjQueryは使わずにやっていました
やっぱり使いやすいですね

ajaxのリクエストヘッダの一部を除去することってできますか？
消したいのはX-Requested-Withなんですけど・・

ソースを弄ればよさそうですね
すみませんでした

どういじったか書いてよ
せぅかくだから

1.7.1minで悪いけどjQueryが追加する

&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest")

を削除して念の為、次のtryで追加しないようにした

try{for(j in e) { if(j !== 'X-Requested-With') { h.setRequestHeader(j,e[j]) } }

下だけでもいいんだろうけど

なるほど
本体のソースか

jqueryさん達勝手に追加するからなー

// Override mime type if needed
if ( s.mimeType && xhr.overrideMimeType ) {
　　xhr.overrideMimeType( s.mimeType );
}
// X-Requested-With header
// For cross-domain requests, seeing as conditions for a preflight are
// akin to a jigsaw puzzle, we simply never set it to be sure.
// (it can always be set on a per-request basis or even using ajaxSetup)
// For same-domain requests, won't change header if already provided.
if ( !s.crossDomain && !headers["X-Requested-With"] ) {
　　headers[ "X-Requested-With" ] = "XMLHttpRequest";
}

jQuery Mobileを使ったサイトがFirefoxのサイドバーで表示できないんだけど、何とかならない？

どのように表示されない？

試したら表示できたので終了
URLの具体例や症状がないので終了

jquery mobileで、同時に複数ファイルを
画面遷移せずにajax使ってアップロードする方法はありますか？

Firefox 11+All-in-One Sidebar(初期設定)で

表示されない(背景色だけ)
ttp://jquerymobile.com/demos/1.0.1/ (1.0.1)
ttp://dev.screw-axis.com/doc/jquery_mobile/ (1.0.1)
ttp://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.html (1.0)
ttp://dev.screw-axis.com/doc/jquery_mobile/overview/start_guide/ のHello world (1.0.1)

表示される
ttp://yst.web.infoseek.co.jp/jquerymobile.html (1.0a2)
ttp://yst.web.infoseek.co.jp/jquerymobile/sample.html (1.0a3)
ttp://kachibito.net/sample/jQueryMobileSample-ja-b/ (1.0b2)
ttp://salaciashape.com/ (1.0a4.1)

All-in-One Sidebarを消すと表示される

All-in-One Sidebarのことを最初から書かないのは何故だ？

thickboxで子ウインドウを中クリックでスクロールして、子ウインドウがそれ以上スクロールしない状態で
更に中クリックでスクロールしようとすると、親ウインドがスクロールされてしまいます。

モーダルウインドウが表示中は親ウインドウを完全固定したいんですが、どうすればよろしいですか？

body {
position:fixed;
overflow:hidden;
}

親固定されるとWindowサイズが限定されてうざいけどな
下が切れてしまってどうやったて見れないサイトとか結構ある

通常時から固定したくないんです。
オーバーレイしている時だけ固定したいなぁ・・と

そうすればいいのでは…？

つまりだな
オーバーレイしている時だけ>>311を・・・おっと誰かが来たようだ

311だけにな

if (overlay) {
　body {
　　position:fixed;
　　overflow:hidden;
　}
}

311だけにな

審議中

jquery mobileで質問です。
単純化して説明すると、親ページが１つ、子ページが５つあって、親ページから子ページ１へ遷移して、後は子ページの１〜５にそれぞれボタンによって遷移できるサイトです。
各子ページではajaxでmysqlの検索結果を表示しています。
遷移には基本<a>リンクを使っています。
ajaxを行うインターバルのセットとリセットは、onload,onunloadまたはpageview,onbeforeunloadを試しました。

親ページから始めるときは正常に動作しています。
しかし子ページから始めたり、子ページにいるときにリロードすると、他の子ページからその子ページへ遷移するときに、上記のonloadなどのイベントがどれも拾えません。
例えば子ページ２でリロードすると、他のページから２への遷移のときだけイベントが拾えません。
おそらくiquery mobileの仕組みの問題でリロードしたページへの遷移はonloadなどのイベントが発生しないのだと思うのですが、javascriptについては表面的なことしか理解していないので行き詰ってしまいました。

上記の状況で、上手く解決する方法はあるでしょうか？

自己解決です。

リンクの<a>タグにrel='external'としてajax遷移を抑制したらイベントが拾えました。

セレクタで、名前に[ ] のついたのを検索するにはどうしたらいい？

$("input[name=unko["+chinko+"]]").attr("disabled",manko);
みたいなことをしようとしたらエラーになった

$('input').each(function() {
　if ($(this).attr('name') ==

>>322
値を'か"でクォートしろ

クェーーー-！！

喰おうとしろ

>>324
おまえ天才だな。ありがとう。

テンプレートとなるHTMLがあって
jQueryのloadかなんかで複数箇所にテンプレートHTMLを挿入するとき
テンプレート内のidがユニークになるように置換しないといけないと思うんだけど
そういうことしてる人いる？

ユニークになるようにidにprefixかなんか付けて置換するのはいいとしても
セレクタで指定するとき全体的に置換したidを使わないといけないのは面倒なことになると思うんだけど。

何が言いたいのかよくわからんな
わざわざHTMLでidを重複させてるんならよっぽどの理由があるんだろうし
スクリプト動作に支障が出るのは百も承知ってことだろう

classとともに暮らすことだな

「idがユニークになるように置換しないといけない」って言ってるのに
なんで「わさをさわidを重複させてる」って解釈がでてくるんた？

日本語が理解出来ないんだろ

わさをわさ
もな

テンプレート内にidがあるのがおかしい
狂ってる

idが振られてないテンプレートHTMLから目的の要素を探してid振るより
テンプレートHTMLにidを振っておいて
$(セレクタ)で目的の要素を取得してidを置換する方が楽だと思うんだが

>>335
scriptタグとか使えよ

>>335
楽を求めるな
正しさを求めろ

>>330が言ってるがclassを使えよ
複数箇所に同時に挿入するようなテンプレートにあらかじめidを振るのが間違ってる
口は上下で二つ、いや場合によってはそれ以上あるかもしれんが、ちんこは一本しか無いだろ

どう間違ったら「わざわざ」が「わさをさわ」になるんだ

もしもしならできるかもしれない

ああ
$("#挿入先要素のid テンプレート内のclass")
とかすればいいのか
サンクス

1）サムネイルにオンマウスで画像変更
2）クリックで拡大画像を別ウィンドウで出す

上記2つを同時に実行しているサンプルがあったら教えてください。
自力で見つけることができませんでした。レベルの低い質問でごめんなさい。

そういうときは小さな問題に分割するといいよ
・オンマウスで何かの処理をする
・ある画像を別の画像に変更する
・クリックで何かの処理をする
・別ウィンドウに拡大画像を表示する

分割して考えられないならいつまで経っても応用が利かないし上達しないよ

onclick.load でページを更新表示させているのですが、
3-4ページ表示させると（クリックすると）
やたら重くなって更新に時間がかかるようになってしまいます。
なぜでしょうか

HTMLとロジック晒せよ糞が

>>344
馬鹿だからです

>>344
ロードした分だけ「ロード」がいっぱい動いていると思う

ロード第13章

なんでもないようなコードが〜
幸せだったとおもう〜

このサイト（　http://www.tim-barber.com/albums/album-one　）の、
フォトギャラリーのサムネ表示・非表示切り替えはjqueryで再現可能？

jQueryでできないことなんかないよ

よし、jQueryでブラウザが起動しているPCのMACアドレス取得する方法教えてくれ

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.network.js"></script>
<script type="text/javascript"><!--
$(function() {
　var mac = $.net().inetaddr(0).hwaddr().toString();
　$('#output').html(mac);
});
//--></script>

<p>MACアドレス: <span id="output"></span></p>

jquery.network.jsって、どこで配布しとるん？

それって要は、いったんサーバにアクセスして
サーバからクライアントのMACアドレスの情報返してもらう方法じゃね？
ローカルのJavaScriptだけでMACアドレス取得する方法って確か無いよね。

SSIDとセットにして自宅特定が捗るな

>>355
サーバにアクセスしてMACアドレスを取得する方法について詳しく

どう考えてもネタ

jqueryセレクタについて相談です。

<tr>
<td>項目タイトル1</td>
<td>内容1内容1内容1<script>$(function(){$("一つ前のtdを選択").attr("bgcolor","red")});</script></td>
</tr>
<tr>
<td>項目タイトル2</td>
<td>内容2内容2内容2</td>
</tr>
<tr>
<td>項目タイトル3</td>
<td>内容3内容3内容3</td>
</tr>
.
.
.

こういうテーブルで、「内容内容内容」の<td>の中身だけjspで動的に出せるようになっています。
特定の条件を満たした場合に上記のように<script></script>を出力し、
その行のタイトルの背景色を変えるようなことをしたいです。
"一つ前のtdを選択"というセレクタの指定方法があったら教えて下さい。

初めからJSP側で、条件を満たした際に「bgcolor = "red"」を付ければいいのでは？と言われてしまうかもしれないですが、
モジュールの分担上、内容のtd以外触れないため、
スマートな方法ではないですが、DOM表示されてから表示直後のreadyで動くJSでどうにかするしか無いです。

条件を満たしたことを示すspanとか入れとけば？

仕事なんだから自分でやれよ

<td>
内容1内容1内容1
<span id="hoge"></span>
<script>
$(function(){
　$('#hoge').【省略】.attr("bgcolor","red")
});
</script>
</td>

条件を満たすことをJSで検知すれば一個で済むだろ

>>361
なんで>>360のコード例をあげてるフリをして中途半端なの？
> 仕事なんだから自分でやれよ
この行だけにするか、レスをしなかったほうがマシだって思わなかった？

正しいコードを教えてほしいならそう言った方がいい

省略の部分はキモじゃないからな。不親切だとは思うが…

>>364
全然そんなことない。なぜなら俺>>360だから。

$(function(){
　$('#hoge').【省略】.attr("bgcolor","red")
});

ここの部分は１個で十分だしidにする必要が無い

>>363>>366
キモい奴だな
<span>はお前の専売特許か？
これを使ってたら何でも実装例なのか？
>>361が<span>を使ったからって何の問題があるんだ？

これはひどい。被害妄想か

span特許に引っかからないようにしたよ

<td>
内容1内容1内容1
【省略】
<script>
$(function(){
　$(【省略】).【省略】.attr("bgcolor","red")
});
</script>
</td>

<省略>
内容1内容1内容1
【省略】
<省略>
$(省略(){
　$(【省略】).【省略】.省略("省略","省略")
});
</省略>
</省略>

元のコードも省略するなんてひどい

<span>Rという文字は、>>363 氏の著作物であるとともに扶桑社、及び>>363 氏の所有する商標です。

<span>(R)、な

ﾌｧﾋﾞｮりすぎだろｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ
流れるまでしばらくこのスレ開けねーんだろうなｗｗｗｗｗｗｗｗｗｗｗｗｗ

なぜなら俺>>360だから。
なぜなら俺>>360だから。
なぜなら俺>>360だから。
なぜなら俺>>360だから。
なぜなら俺>>360だから。

こんなこと主張して何の意味があるんだよｗ

>>361がおっきした模様

>>376
>>364がキモかったからじゃない？

これはひどい

このスレって、得るものがないから過疎る一方だと思うよ

>>359
>"一つ前のtdを選択"というセレクタの指定方法があったら教えて下さい。

これが質問だよね？

var $this = 「今、内容を出力する<td>」
$this.prevAll("td").first();

必ず直前にあるなら「$this.prev();」で

ああ、一つ目はほぼありえないDOM構造への対策で意味ないな。変更。

$this.prevAll('td:contains("項目タイトル1")');

$this？

<script>this</script>
これのthisはグローバルさしちゃうし
var td = $("あれな部分のtd")
このあれな部分のtdが弄れないわけで
>$this.prevAll('td:contains("項目タイトル1")');
こんなうんこな事するならまだ>>361のにした方がましなレベル

tableがいくつもあるかもしれないし
特定の条件を満たすセルもたくさんある可能性もあるよな
それに対応できてるか?

$thisはただの変数名。

var $this = $("「今、内容を出力する<td>」 ");

こう書くべきだったな。


>>384はそろそろ黙った方がいい。
とりあえず>>361を実行してみたらどうだろうか。

spanじゃなくてscriptタグにidつけるほうがわかりやすくね?

SPANの家元に手本を見せてほしいところだな

> 特定の条件を満たした場合に上記のように<script></script>を出力し、

この「特定の条件」をJS側で判定できるとも限らない

>>386
まずthisがJSで使われてるんだから$thisなんてつけんなよ
あと「今、内容を出力する<td>」ここのセレクタどう書くつもりしてんだよ
ここのセレクタ書けるなら
>$this.prevAll('td:contains("項目タイトル1")');
こんなうんこな事しなくても取れるだろうが

>初めからJSP側で、条件を満たした際に「bgcolor = "red"」を付ければいいのでは？と言われてしまうかもしれないですが、
>モジュールの分担上、内容のtd以外触れないため、

ってあるんだからtdの内容に出力できる範囲の事で考えるべき

とりあえず家元じゃないけどSPAN使った奴貼っとくわ
http://jsfiddle.net/xBSaz/

>>373
どうでも良いけど商標は登録制なので<span>と書いたからといって
商標が発生するわけではないよ

どうでも良いけど>>373の元ネタは「ゆるキャラ」、な
http://ja.wikipedia.org/wiki/%E3%82%86%E3%82%8B%E3%82%AD%E3%83%A3%E3%83%A9

> ゆるキャラ(R)という文字は、みうらじゅん氏の著作物であるとともに扶桑社、及びみうらじゅん氏の所有する商標です。

それだったか(´・ω・`)

なんか凄いのがいついちゃったな。

>>359
>"一つ前のtdを選択"というセレクタの指定方法があったら教えて下さい。

だから答えは、「.prev()」だけでよかったな
jspで出力するDOMオブジェクトは当然取得できる（できてる）だろ
そっちはjavaの範疇だから質問者はわかってるはず

>モジュールの分担上、内容のtd以外触れないため、

解る解らない取得できる取得できない以前の問題

同僚とや上司と会話しないやつなんだろうな
与えられた分担を鵜呑みにしてるし

まぁ普通はtdとかを出力してる人とか
チームとかでやってるならチームリーダーとかに相談すれば
悩むような内容じゃないからな

>>397
相談した結果、触れないことがざらだった時代もあったね

本当にそこ以外触ってはいけないんだったら他の場所の色変えはアウトだな

勝手に色を変えやがってってなるよな

そういう分担をしているなら、スクリプト自体動かせない気もするんだけれど。

<a href="#">Link1</a>
HogeHoge
<a href="#">Link2</a>

というHTMLがある場合に、「HogeHoge」のみを取得する方法ってありますか？
取得対象がある場合は、spanとかで囲んでしまうべきなんでしょうか。

HTMLを変更できるなら囲むべき

了解です。やっぱそうですよね。
HTML変更して文字列囲むことにします。

スクロールを固定したメニューコンテナに
ページ内用のハッシュリンクを置いているのですが、
ページの位置をリンクに反映させる手法が既にあったら教えてください。
たとえば、話題2を2/3ほど読んでいるときに、
話題2のリンクが2/3の明るさ、話題3のリンクが1/3の明るさになるなどの
効果を探しているのですが、なかなか見つかりません。
よろしくお願いします。

ソースを示しなさい

失礼しました、ソースは大体こんな感じです。

html:
<div id="container">
<div id="nav">
<ul>
// 以下のリスト項目のcolorなどを読んでいる場所に応じて変化させたいです
<li><a href="#article1>Article1</a></li>
<li><a href="#article2>Article2</a></li>
<li><a href="#article3>Article3</a></li>
</ul>
</div><!--nav-->
<div id="content">
<h2 id="article1">Article1</h2>
...
<h2 id="article2">Article2</h2>
...
<h2 id="article3">Article3</h2>
...
</div><!--content-->
</div><!--container-->

css:
#container { width: 960px; }
#nav { width: 300px, float; left, position: fix; }
#content { width: 660px; float: right; }

>>405
ソース見てないけど、スクロールイベント検知して、
どのくらいスクロールしているかに応じて明るさを変えればいいんでない？

>>406がもっとちゃんとしたの書いてくれるかも。

横から失礼するがjsfiddleか何かに
ソース全体を動く状態で公開したら
何をしたいか理解しやすいし
みんなが回答してくれるんじゃないか?

jsfiddleに書きましたので、よろしければ確認お願いします。

http://jsfiddle.net/MCHD2/

動作見てないけど、スクロールイベント検知して、
どのくらい…

見てきた
何をしたいかはっきり分かるじゃないか
そんなマニアックな既製品はないだろう

ホイールでのスクロールでも色を変えるなら
・右側のスクロール位置を取得
・スクロール位置をもとにリンクの色を計算
これらも必要だろう

リンクの明るさ変えるとかただわかりづらいだけじゃね
どうせやるならnotepad++のDocument Mapのような機能を作っておくれ

どれが選択されてるかはっきり分かれば十分だよな
明るさを変える必要などない

414さんが言っている機能を持つプラグインを見つけたのでとりあえずこれを
使うことにします。ありがとうございました。
http://trevordavis.net/blog/jquery-one-page-navigation-plugin/

使ってみてどうだったか教えてね

http://www.giuliandrimba.com/labs/lettering-animate/
このプラグインを使ってノベルゲームっぽいものを作ろうとしています。

<h2 id="title01" >This is the example animating the opacity property</h2>
<input type="submit" name="animate" id="btnTitle01In" value="Intro" />

<script>
$(document).ready(function() {
$("#btnTitle01In").click(function() {
$("#title01").lettering().animateLetters({opacity:0},{opacity:1},{randomOrder:false,time:500,reset:false});
});
});
</script>

ここで、既に表示されている文字ではなく、非表示の状態から文字が出てくる
ようにしたいのですが、cssの対象要素にopacity: 0;とかvisibility: hidden;と
してしまうとプラグインのアニメーションが反映されません。
どのようにすれば良いでしょうか。お願いします。

>>417
こういう場合は、ソースを追っかけてみるといいぜ。そんなに長くないし。

.lettering() - 文字列をspanで区切ってる
.animateLetters() - そのspanにアニメーションさせてる

だから $("#title01").find('span').css('opacity', 0); のようにしておいてから
$("#title01").animateLetters() すればいい。

最初に .lettering() させるのが抜けてた。まあ、わかるよね。

最初に一瞬だけテキストが見えてしまうんですがって展開になりそ

>>418
サンプルのoutroを参考にやってみましたが、>>420さんの言うとおり一瞬出ちゃいますね。
１文字ずつ書き出していくようなプラグインなら他にもありますが、表示の綺麗さからこれを使えないかなと考えてます。

そうなるからもうちょい工夫が必要だよって意味で書いたんだけどね。
考えてるようだから、あと少しがんばれー

>>421
document.styleSheets を書き換えればいい

いろいろと誤解してました。

CSS
h2#title01 { opacity: 0; } //あらかじめtitle01は透明に

HTML
<h2 id="title01" >This is the example animating the opacity property</h2>
<input type="submit" name="animate" id="btnTitle01In" value="Intro" />

<script>
$(document).ready(function() {
$("#btnTitle01In").click(function() {

$("#title01").lettering(); //title01をletteringで1文字ずつspanに切り出す
$("#title01").find('span').css('opacity', 0); //切り出したspanをそれぞれ透明に
$("#title01").css('opacity', 1); //全体にあたるtitle01を非透明に
$("#title01").lettering().animateLetters({opacity:0},{opacity:1},{randomOrder:false,time:500,reset:false});
//spanが1文字ずつ透明→非透明にアニメーションする

});
});
</script>

プラグインをよく理解せずに使ってましたが、ソース読む大切さを思い知りました。
皆様アドバイスありがとうございました。

頑張って便利なプラグインを作ってみてよ

> $("#title01").lettering().animateLetters({

ここの .lettering() はいらないんじゃね? これあっても(想定通りに)動いた?

あと .end() をつかうとその4行は一つの連鎖にまとめることができる。
が、まあ、それはもっとわかってからでもいいかも。分けとくほうがわかりやすいかもしれないし。

ライブラリ読んでないけど、動きそうな気はする

ああ、それはさておき、>>417おめでとう。

:eq(0)　と .eq(0) の使い分けって

チェーンを繋げるときは .ea(0)を使ってそれ以外は:eq(0) がいいと
http://www.atmarkit.co.jp/fdotnet/jqueryref/03traversing/traversing_01.html
ここに書いてあったんですが、皆さんはどう分けてますか

.eq(0)しか使いませんが何か困ることはありますか？
:eq(0)でしかできないこととか

.eq(i)のように変数を入れたいときか

iしかないならeachですむ話だよな

>>431
なるほど
確かに:eq(" + i + ")より見やすいですね

実行時間が格段に違うわけじゃないだろうから、
どっちでもいいんじゃね？

マイナスの値が使える使えない。
と
querySelectorAllがある環境では、実行速度が違ってくる。

てなことがマニュアルに書いてある。

よかったら、書いてあるURLと内容を教えて
どっちにマイナスが使えるかとか
あとで必ず見に行くから

>>436
http://api.jquery.com/eq-selector/

マイナスが使えるのはメソッドの方。

eqのセレクタはquerySelectorAll が理解できないので、他のセレクタと分けたほうがいいってこと。

>>437
おお、いつもありがとう
読んだ結果、今後eq()はメソッドの方を使うことにした
マイナスを使ったことはなかったが便利そうだな

$('a').[0].tagName;
これが動く理由が分かりません。
$('a')[0]が返すのはjQueryのオブジェクトですよね?

$('a')[0]を自分なりに探ってみたら？
どんなメソッドがあるかとか
typeofしてみるとか
$('a').eq(0)との違いとか

やってみます!

構造みたら納得しました!

.get() もあわせて覚えておこう。

<h1 id="id"></h1>
<a href="">ここを取得したい</a>

var n = $("#id").next();
if (n.is('a') == true) {
alert(n.text());
}

これをチェーンで繋げることってできますか? is()以外に自身のtagを取得できるメゾットなど・・

>>1を読んでやり直し

next('a')だな

そして、if文のところは each() でいけそうかな。

jquery mobileみたいなデザインやリストのアニメーションを、
iモードブラウザ2.0で表現することは可能でしょうか？
もしくはFALSH LITEで表現することは可能でしょうか？

質問の意図や前提をくみ取れない糞質問
が多い。それで回答者が逆質問をしたり
悪口を言ったりする。それを前もって思
い描く力が絶望的に欠如してるに違いない。
スーパーハッカーだけが意図を理解できる。
レアなそういう神が颯爽と登場する予感。

コピペとか

<h1><span>あああ</span>いいいい</h1>
ここから"いいいい"の部分だけ取り出す場合↓この書き方で正しいんでしょうか?
alert($("h1").eq(0).clone().find("span").remove().end().text());
それともhtml()で取得して<span>を除去すべきですか

画像のクリックとNEXT、BACKボタンで画像がフェードするギャラリーを作成してます。
サムネイルはいらず、ひたすらボタンと画像クリックで画像が変わるシンプルなものを作りたいのですが、
うまくいきません。
http://lab.komadoya.com/javascript/crossFader/
このスライドのような状態で、自動再生されず、クリックで次画像に移動及びNEXT、BACKボタンの実装は可能ですか？
プラグインを使った事はあるのですが、カスタムスキルがないので、困っています。
ご指導頂けたら幸いです。

>>451
こういう手も。

alert(?$('h1').contents().eq(1).text());???

なんか化けた…。

alert($('h1').contents().eq(1).text());

>>453-454
そんな方法があったのですね
contents()とnot()をよく勉強してみます
ありがとうこざいました!

解説サイトにあった↓これが動作しないのが気になるんですが
$('h1').contents().not("[nodeType=1]").text(); // なぜか<span>あああ</span>の方が拾われる

$('h1').contents().eq(1).text(); // いいいい
$('h1').contents().filter(function() {
return this.nodeType == Node.TEXT_NODE;
}).text() // いいいい
で無事できました

not("[nodeType=1]")
は正しい書き方？

>>457
ここ見たので正しいのかなと思ったんですが
http://semooh.jp/jquery/api/traversing/contents/_/ (v1.3.2)
それで今↑これをv1.7で試したら真逆の結果になってました
ということは正しくない書き方だったみたいですね。。

>>458
そのサイト、ロクに更新されてなくて内容が古すぎるから使わないほうがいいよ
公式のリファレンスを読んだほうがずっといい http://api.jquery.com/

あと、Node.TEXT_NODE はIE6〜IE8だとエラーになる（Nodeオブジェクトがグローバルオブジェクトに定義されてない）
だからマジックナンバーとして書いちゃったほうが無難

さらに言うなら == なんか使うな、=== を使え

return 1 === this.nodeType;

>>452
自動再生ってことは、setTimeoutやsetIntervalなどのタイマー関係の関数が使われているはず。
まずは、そこをコメントアウトして、タイマー関数が呼び出している関数を自分で呼び出せないか考えてみよう。

>>458
http://jsfiddle.net/　でしらべると 1.4.4 から逆転するね。
そのへんのリリースノートをみるとわかるかも。

>>461
乙
さすがだな

>>459>>461
皆様、ありがとうこざいましたm(_ _)m

>>457
それで何をさせたいのか、ちょっと説明してみ？

質問者の態度？

$(function () {
var e = $('div#north_box');
var b = e.parent().offset();
e.offset({top: b.top + 312, left: b.left + 712 });

e = $('div#south_player');
e.offset({top: b.top + 230, left: b.left + 17 });

e = $('div#north_player');
e.offset({top: b.top + 20, left: b.left + 736 });
});

-- css でスタイルするのが難しいので jquery でレイアウトしようと思うのですが、
しかし、これではリロードしないとレイアウトしてくれないのですね。jquery で
レイアウトするのにいい方法ないでしょうか

window.onload = function () {
以下だとどう?

$(window).load(function () {
こっちか

実行したいタイミングで実行したらいいんじゃないの？

一回リロードすれば次からは大丈夫だよ、、、という話ではないと思いたいが。

質問がよく分からないんだよな
コンソールで実行しろ
とでも言っておこうか

>>460
ありがとうございます！
setIntervalをコメントアウトしたら自動再生は止まりました。
ですが、ボタンの実装でつまづいています。。

このリンク（http://lab.komadoya.com/javascript/crossFader/ ）の最下部の基本パターン#fader5に以下のコードを足したのですが、起動しません。。、

$("#nextButton").click(function(){
var oldIndex= imageIndex;
imageIndex= ++imageIndex % $("#fader5>img").size();
$("#fader5>img:eq("+oldIndex+")").fadeOut("slow");
$("#fader5>img:eq("+imageIndex+")").fadeIn("slow");
})
$("#prevButton").click(function(){
var oldIndex= imageIndex;
if( --imageIndex<0 ) imageIndex=$("#fader5>img").size()-1;
$("#fader5>img:eq("+oldIndex+")").fadeOut("slow");
$("#fader5>img:eq("+imageIndex+")").fadeIn("slow");
})

見よう見まね過ぎてほとんどわかってない現状です。
アドバイスして頂けたら幸いです。

コードをよく読むように、というアドバイスじゃだめ？
読みにくければ作ってもいいんだよ。流用するときはライセンスに気をつけて。

念のため著作権侵害として報告しときます

ボタン押して数字を表示させたいんだけど、それをアニメーションさせながら
各桁が決まっていくように見せるライブラリってありますか？

簡単にいうと、なんでも鑑定団の鑑定額の表示みたくしたいです。
(あれそのものじゃなくてもよいです)

見つけました。灯台もと暗しというやつです。

>>472
http://lab.komadoya.com/javascript/crossFader/jquery.crossFader.js
のコードをよく読もう。
次の画像を選んで、透明にして、最前面にして、不透明になるようアニメーションさせてるだけだ。
(このコードはjQueryのプラグインになるように書いてあるからややこしいかもしれないが)

z-indexの操作はclassの付加削除でおこなってるから、cssファイルもみるのをわすれずにな。

Greasemonkeyで、他人のサイトで動作するスクリプトを書いています

<div id="a">送信</div> をクリックするとjQueryでPOSTして次のページになるサイトなんですが
jQueryを別に取り込んでいる自分のスクリプトから $("#a").click();とすると2回POSTしてしまうのです。
(コンソールで確認しました。)

この情報だけで申し訳ないのですが、原因で考えられることって何かありませんか？

サイト名を晒したら？

サイトはちょっと晒せないのですが、やはりサイト側が特殊なんですかね > <
とりあえず送信部分は座標クリックツールで代用してみます

自分でPOSTすればいいんだが。

>>478
デバッガで追いかけてみたら?

皆様ありがとうこざいます。

>>481
POST後にも続けて処理させたいことがあるので、どうしてもクリックさせないといけないのです。。

>>482
ブレークポイント?は使ったこと無いので勉強してみます

続きの処理も自分ですればいい

あれじゃないの？バブルとかいうやつ。

連鎖とか全消しだろ

イベントバブリング？

input の checkboxとradioを取得したいのですがどのように書けばよろしいでしょうか'

$('#form-area input[type="checkbox",type="radio"]').each(....)
こんな感じでできませんか・・

すみませんどうやら↓こんな感じのソースで、#aをクリックしてたのが問題だったようです。。
<div id="container" onclick="next()">
<div id="a">送信</div>
</div>

お騒がせしました(T_T)

やっぱりバブリンだったろ？俺天才

>>485>>487>>490
まさにこれでした > <

す、すみません。2ちゃんねる初心者なのですが、こちらで質問してよろしいでしょうか。
jQuery プラグインjquery.vector-map.js
を使用しまして、国をクリックしたときに指定したURLに飛ばしたいのですが、
どうもうまくいきません。。
マニュアルサイト
http://jvectormap.owl-hollow.net/
onRegionClick←このパラメータをうまく使えば、リンクが設置できるのかなと思っているのですが、
そもそもそんなカスタマイズは難しいのでしょうか？

自分で書いてみたソースを公開してみてよ

$(function(){
　　$('#map').vectorMap({hoverColor: '#f00', onRegionOver : function (event, code ){}});
});
#mapに地図を読み込みまして　function (event, code )ここでなにかできるのかと、悩んでおります。

リンク先にこう乗ってるよ。
$('#map-events').vectorMap({
onLabelShow: function(event, label, code){},
onRegionOver: function(event, code){},
onRegionOut: function(event, code){},
onRegionClick: function(event, code){}
});

クリックしたときだけでいいなら
$('#map-events').vectorMap({
onRegionClick: function(event, code){ alert("クリックした国の国コード=" + code; }
});
とかで出来るんでない

あ、ありがとうございます！！
$(function(){
$('#map').vectorMap({onRegionClick:function (event, code){
alert("クリックした国の国コード=" + code);
if(code == "us"){
alert("アメリカ");
}else if(code == "ca"){
alert("カナダ");
}else{
alert("その他");
}

}
});
});
なんだかこれで、アラートをリンクに変更できれば、うまくいきそうなきがします。
ご教授ありがとうございますm(__)m
ちょっと自分でやってみたいと思います。

質問です。
jQueryを使って、リンク先のページタイトルをA要素の末尾に追加しようとしています。
読み込む所まではうまく行くのですがタイトルだけ抜きだすところでつまづいています(findが動いていない？)。
ローカルで動かす予定です。お願いします。

<script type="text/javascript">
$(function(){
$(".sakiyomi").each(function(){
var kore =$(this);
var link =kore.attr("href");
$.ajax({
type : "GET",
url : link,
success : function(html){
var title = $(html).find("title").text();
kore.append("<b>:"+title+"</b>");
}
});
});
});
</script>

単純ミスでした。
解決しました。

>>498は、私ではないです。
よろしくお願いします。

>>499
こちらこそよろしくお願いします。

>>497
もし、htmlを取ってくるならば、successの関数に渡るのは stringです。
それを $(html)とすると、jQueryがパースするわけだけど、titleなどは取り除かれてしまいます。
http://api.jquery.com/jQuery/#jQuery2 のへんに書いてある。

正規表現で抜き出すのがいいんじゃない?

>>501
ご指摘ありがとうございます。

> var title = $(html).find("title").text();

の部分を、

var title = $(html).find("h1").text();

とすれば、とりあえずこちらの要望に近いものになるかと思ったのですが、、、どうもうまく行きません。
条件に合致する要素を抜き出すのは、find()関数では駄目なのでしょうか。
よろしくお願いします。

連投すいません。
問題自体は、

var title = html.match(/<title>([^<]*)<＼/title>/i)
kore.append("<b>:"+title[1]+"</b>");

で解決しました。

また>>502の、

>var title = $(html).find("h1").text();

を、

var title = $(html).filter("h1").text();

とすることで、期待通りに動きました。
この、find()とfilter()の違いがわからずモヤモヤしています。
どなたかわかる方いらっしゃったらよろしくお願いします。

>>503
http://api.jquery.com/jQuery/#jQuery2 にあるように、複雑なHTML文字列をDOMにするときには
innerHTMLをつかうみたい。
だからブラウザによると言うしか無いね。

filterで<h1>が出てくるのも、$(html)の段階で h1が選択されているからとしか言えねえ。
(chromeだとhead直下,body直下が選択状態になってるから $(html).filter('title')でtitleが取れそう)

ある要素の属性全てを取得したいのですが
<div id="test" style="background;:red">内容</div>
というものをブラウザで表示させて

内容

となって、内容をクリックしたら「 test background:red」と表示させたいのですが
どのようなコードを書けばいいでしょうか
event.target.id などは使わず、ループで回して全ての属性を取得したいです。
お願いします

>>505
element.attributes

すみません。出来る範囲で調べまくって、どうにも手詰まりになってしまい書き込みました。お助けください…

今手がけているサイトで、背景に写真を全面表示させて、自動でスライドショーにしようとしています。

ページがロードされると、写真がフェードインしてきて、以降フェードアウト、フェードインしながら複数の写真が切り替わる感じです。
クロスフェードではなく、フェードアウトして、一瞬背景色が見えた後次の写真がフェードインしてくるようにしたいと思っています。
あと、ページの右上にはナビゲーションがついていて、クリックのタイミングで写真が切り替わります。

それで色々とググってみて「supersized3.2.7.js」というプラグインを見つけたのですが
このプラグインだと写真の切り替わりがクロスフェードになっていて、期待する動きと違うのです。（それ意外は求める機能が全部ついていて良いのですが）
その他 全画面表示のギャラリー用プラグインをいくつか調べてみたいのですが、どれも欲しい機能のどれかが欠けている感じです。

Smooth fullscreen background slideshow in jQuery（http://www.jasperrooswinkel.com/examples/background-slideshow/）
jquery.vegas.js（http://vegas.jaysalvat.com/）← これ、軽くて良い感じでした。クロスフェードでしたが…
などなどを確認しました。

何か上記のスライドショーを実現させる良いプラグインはありませんでしょうか？
または、supersized3.2.7.js のカスタマイズの方法などを教えてはいただけないでしょうか？

jQueryで自作するのが早い

レスが遅れてすみません！
お返事ありがとうございます。
確かに自作できれば早いですよね…
ですが、僕は自作できるほどjQueryが使いこなせていないのです…orz

jQueryのvalidation系プラグインで
入力フォームに対してまとめてvalidation実行した際に
validだったらフォームの値をかき集めて自動的にJSON化してくれるような
機能をもったものってありますか？

>>509
背景色のイメージを間にはさめば?

>>507
http://www.twospy.com/galleriffic/

>>511
!!! なるほど。確かにその通りです。
なんで気づかなかったんだ、オレ…orz
ありがとうございます！

>>512
情報ありがとうございます！
こまかく設定ができてよさそうです。
これから色々と触ってみます！

過疎化したスレに書き込んでしまいましたので、こちらでお尋ねしたいと思います。
分かる人がいれば教えてくだちい。

Google+の「+1」の数だけ取得したくて、以下のようなコードを書いてみました。

　$.ajax({
　　type　　 : 'get',
　　url　　　: 'https://plusone.google.com/u/0/_/+1/fastbutton?url=' + targetURL,
　　dataType : 'jsonp',
　　success: function( data, textStatus ) {
　　　//読み込み成功
　　},
　　error: function( XMLHttpRequest, textStatus, errorThrown ) {
　　　//読み込み失敗
　　}
　});

で、実行させると、必ず失敗するんですが、Firebug(1.9.1)でチェックすると、レスポンスの欄には、ちゃんと目的のHTMLが届いていました。
いろいろ試してみると、dataType : 'script'では成功しますが、レスポンスには何らかの関数のコードが届いていました。

どうすれば、Google+の「+1」の数だけ取得できるでしょうか？！
FacebookやTwitterみたいには行かないんですかね？！
（Ajax以外の方法でも構いません）

形式がjsonpではないからでしょ？

他のホストのHTMLを取得するのは無理

Boilerplateっていう、プラグイン作成用のテンプレがあるけど
http://jqueryboilerplate.com/

これにパブリックな関数を実装するにはどんな記述になるのでしょうか？

>>516
dataType : 'HTML' でも失敗するんですよ。。。

>>517
PHPと組み合わせてなら、取得できるって人もいました。

>>519
PHPと組み合わせるって話はいま初めて書いただろ？
情報を後出しするなハゲ野郎

公式に情報あった。。。
http://docs.jquery.com/Plugins/Authoring
Boilerplateでうまく動きました。

ハゲが図星だったか

そもそもPHPのサーバ指してないしな

>>520
こちらも知ったのは>515を書き込んだ後だから、後だしになってしまうのは仕方ないでしょ。
しかし、「ハゲ野郎」の部分は間違っていないので、そこは認めるｗ


その後も、いろいろと調べてみたところ、dataTypeは「SCRIPT」が正しいようです。

具体的には、通常の方法でGoogle+ボタン（iframe）を置いた後、$("#aggregateCount").htmlを確認しました。
すると、>515に書いたとおり、関数「function(a) = {...}」の内容が見られました。

つまり、https://plusone.google.com/... で返るのはスクリプトで、それが実行されてGoogle+のインラインフレームとなるようです。
インラインフレームが吐き出された後なのに、スクリプトとしてしか参照できないのは腑に落ちないけど、そうなんだから仕方ない（動的に差し込まれたソースだから？）。
PHPと組み合わせると取得できるのは、HTMLソースとして取得できるからじゃないかと推測しています。

なんかよい方法があるといいのだが。。。

いや、dataTypeがSCRIPTなんて、そんなバカな話はないな。
>>524は忘れてくださいまし。

えっと>515については、↓のような対処しかないみたいなので、質問を撤回します。
ttp://www.muratayusuke.com/2011/05/28/access-control-allow-origin/

php使うってのがよくわからん。phpサーバを一回通すってこと？

PHPスレに行けと言いたいところだが。
普通はHTMLやJSってサーバ上に設置するよな？
これで分からないならセンスがないんだろう。

>>527
>517での指摘どおり、Ajaxでは他のサイトのドキュメントを取ってこれない（昔は出来てたみたい）ので、
PHPのソケット通信でHTMLを取ってきて、Access-Control-Allow-Origin ヘッダーをつけたあと、Ajaxで取得する
って方法ですな。
たしかに、これなら他のサイトのドキュメントも取ってこられます。

PHPでJSONに変換すればいいじゃない

サーバーサイドｊQuery

ああそうか。User.jsばっかり触ってたから鯖にうｐしてるって認識がなくなってたわ。

jsonp使えば何とかならん？

形式がJSONPじゃなかろうもん

GoogleだからなんかAPIあんじゃねーの？
そっちの方向で調べたほうが良いと思う

>515です。

みなさん、レスありがとうございました。
あれから色々と試行錯誤を繰り返した結果、↓のプラグイン(PHP+JQuery)で実現できますた。
ttp://creatorish.com/lab/2282


>>530-531, >>533-534
この問題に付き合ってくれてあざーす m(__)m


>>535
そう思って、しばらく調べてみたのですが、今のところはAPIは準備されてないっぽいですね。

jQuery Mobileのテキストインプットで、
ラベルと入力フィールドを横並びの一行で表現すべく

<div data-role="fieldcontain">
　<label for="name">Text Input:</label>
　<input type="text" name="name" id="name" value="" />
</div>

と書いて、inputタグに対するcssのwidthを小さめに設定したのですが、
どれだけ小さくしてもラベルと入力フィールドが改行されて2行で表示されてしまいます。
これを1行にまとめる方法はありますか？

改行を禁止すれば良い

>>538
ありがとうございます。
下記のような感じで試してみたのですが、スマホ実機だと変化無し、
chrome,ffではinputタグ自体が表示されなくなってしまいました。

<div data-role="fieldcontain" class="nowrap">
　<label for="name">Text Input:</label>
　<input type="text" name="name" id="name" value="" class="width20px"/>
</div>

css側：
.nowrap{
　white-space: nowrap;
}
.width20px{
　width:20% !important;
}

自分でもググってみます。

>>539
jQuery Mobile知らないけど、実際どういうhtmlになってるか確認してみたらどうかな。
htmlは直接書いてるみたいだがJS側で何か加えているかもしれないし。
あとCSSの話で言えば、labelやinputにdisplay:blockの指定があるとそういう表示になるんで、
確認してみては(指定ナシまたはdisplay:inlineに)

jqeryプラグインどうやってダウンロードするの？
サイト行ってもどこにもファイルが無い
http://archive.plugins.jquery.com/project/backgroundPosition-Effect
このプラグインをダウンロードしようとしたけど一体どこにファイルがあるのかさっぱり

工事中の英文に書いてある

jQueryが原因かわからないけど
モーダルにしてダイアログボックスを出しても、裏に隠れている部分が反応してしまい
操作できない
これはブラウザ側のバグ？

ソースを示したら？

>>542
機械翻訳しても意味が…
どなたか教えてくだされば助かります

新しいサイト用意するからしばし待てってことじゃないのかな。
とりあえずProject Homeからダイレクトに入手しちゃうのも手かも。
http://www.protofunc.com/scripts/jquery/backgroundPosition/jquery.backgroundPosition.js

>>546
そういうことですか…
しかし大分前からこの表示あるような…
それと、リンクありがとうございます助かりました

スライド表示させたメニュー領域の外をクリックして、メニューを閉じたい。

・メニューボタンを押すと slideDown / slideUp でメニュー開閉
・表示されたメニューの枠外をクリックした場合はメニューを閉じる
　（メニュー枠内をクリックした場合は無視）

上記の事がやりたいのですがうまく行きません。
.not を使って下記のようにすれば良いのかと思ったのですが、
枠内でも反応してしまいます。

$("div").not("#menuframe").click(function(){
$("#menuframe:not(:animated)").slideUp("200");
});

上記の修正・補足または、
別の方法が分かる方がいらっしゃいましたらお願いします。

DOMの構造を公開しないと答え出ないと思うよ。たぶんイベントバブリングだと思うけど。

ありがとうございます。

HTML 的には親子関係になく、
単純にボタン用の画像クリックで、別の場所の div を表示させているのですが、
やっぱり、親子関係にしないとそのあたりの処理はできないみたいですね。

event.stopPropagation あたりもあわせて、もう少し頑張ってみます。

HTML側に
<div id="hoge"><span class="foo"></span></div>
とあった場合、spanが属性class="foo"を持つかどうかを判定する方法って、

if($("#hoge .foo").length > 0){
　// spanが属性class="foo"をもっていた場合の処理
}

みたいにやるしかないですか？
それとも他に方法あります？

自己解決しました

>>551ですがまだ解決しておりません
現在ググり中＆試行錯誤中です。。

>>551
http://api.jquery.com/hasClass/

if ($("#hoge span").is(".foo") === true)
とか

>>554>>555
ありがとうございます。hasClassなんてのがあったのか。。
両方検証して、>>555さんの方法が合ったので使わせてもらいます。
重ね重ねありがとうございました。

ｊQueryが携帯電話（フルブラウザ）とPSPで動きません。
そういうものなのでしょうか。
スマホでも動かないのでしょうか？
jQuery Mobileというのを使わないと駄目なのでしょうか。

そういうものですJSの勉強して下さい

試せばいいだろ？

jQuery Mobileはもっと動きません
諦めましょう

>>559
スマホ持ってないから試せません。

ナビゲーションメニューのhtmlファイルを
load関数で全ページにインクルードしているのですが、
携帯で見たら全ページでナビゲーションメニューが表示されず。
致命的です。

スマホを買いなさい

>スマホ持ってないから試せません。
知らんがな。必要なら買うしかないだろ。

携帯コンテンツを制作するならいくつかの機種はもっているのが必須。
ただ場合によってはシミュレータでも可能。
XcodeのiPhoneシミュレータはおすすめ。
ただしSafariだよ。

>>561
ケータイのフルブラウザはJavaScriptエンジン自体が
jQueryの稼働要件を満たしてないでしょ。

それに、モバイルで使うならjQuery Mobileだけど
サポートしているプラットフォームはコレ。
http://jquerymobile.com/gbs/
当然、日本のガラケーなんて含まれないからあきらめて
スマホに移行すべき。

スマホに移行できないなら、おとなしくガラケーのフルブラウザで
動くレベルのものを作る以外の選択肢は無いよ。

Accessも余計な新背品作ってないで、真面目にnetfront 保守してくれたら良いのに

PSPは仕様が公開されている。
http://www.jp.playstation.com/psp/dl/pdf/InternetBrowser_ContentGuideline-J_380.pdf

これ見ると、かなり絶望的。
ajaxはiframeで真似事ができるが、DOMの操作関連が…

インターネットブラウザは、Java Script 1.5 の一部と ECMAScript 3rd
Edition に対応しています。
って書いてあるけどDOM関連の操作ってquerySelector使えないだけじゃないの？
ついでに言えばajaxはあるんじゃないの?

全くって程みてないので知らんがｗ

じっくり見るとDOMcoreは2の一部迄なのか

対応してないタグ、属性、CSS、関数があるから、
jQueryの動作に必要なものが足りないんじゃない？

教えて下さい。

<a href="http://example.com/aaa#bbb"></a>
このアンカーリンク以降（#bbb）を取っ払う方法がわかりません。

自分なりにこんな感じまではやってみたのですが。
$(function(){
var clearanchor = $("a[href*='example.com']").attr("href");
clearanchor.str.replace(/#.*$/i, "");
});

すみませんが、教えてもらえると助かります。

正規表現で置換しろ

clearanchorの内容を置換しただけじゃhrefに反映されんだろ

574です

$(function(){
var clearanchor = $("a[href*='example']").attr("href");
document.writeln(clearanchor.replace(/#.*$/i, ""))
});

こんな感じまではがんばってみました。
未だ期待する動作しませんが。
ヒントを下さい優しい人。

ヒントも何も
clearanchorは<a>タグと関係ないただの変数
それだけ

すいません、ちょっと質問させてください。

jqueryの$.ajax()で外部htmlを取得したのですが、リアルタイム更新になりません。
具体的には以下のソースで同ディレクトリのnews.htmlを読み込み、news.htmlが更新されると
表示も切り替わるようにしたいのです。


<p id="news">ロード中...</p>


<script type="text/javascript">
$.ajax({
url: 'news.html',
dataType: 'html',
async: true,
success: function(html) {
$('#news').html(html);
},
error: function(html){
alert('データの読み込みに失敗...');
}
});
</script>


知識が乏しくお手数おかけしますが、詳しい方教えてください。

news.htmlが更新されたことをどうやって検出するか
だけだな。頑張れ。

>574の心の声を意訳してみた。
「努力したことにすれば誰かが教えてくれるかもしれないと思って頑張りました。
JavaScriptは全然知らないので出来ないとは思っていましたヵ、案の定出来ませんでした。」

思っていましたヵ

思っていましたョ

$.ajaxでデータタイプがJSONPの場合なんですけど、
ほぼ同じタイミングで幾つかのリクエストをサーバーに投げたら非同期並列通信
として処理してくれるんでしょうか？　それとも同期処理になっちゃいます？

asyncの値に依る

orz

データタイプがJSONPの時は非同期だけだよ。

>>576
setTimeoutとかうまくつかって一定時間でポーリングして
その中で、ajax使ってnews.htmlのlast-modifiedをチェック、
新しければロードするって方法でいけるだろ。

>>574
とりあえず、こんなんでどうだ。

<a href="http://example.com/aaa#bbb" id="link_1">example.com</a>
<script>
　var clearanchor = $("#link_1").attr("href");
　clearanchor = clearanchor.substring(0, clearanchor.indexOf("#"));
　alert(clearanchor);
</script>

Aタグ個別にidやclass振れないなら、divで囲ってこんなんとか。

<div id="links">
　<A href="http://example.com/aaa#bbb" >example.com</a>
</div>
<script>
　var clearanchor = $("#links A").attr("href");
　clearanchor = clearanchor.substring(0, clearanchor.indexOf("#"));
　alert(clearanchor);
</script>

あー、そうか。
リンクのhrefの内容自体を書き換えるってことか。
じゃあちがうな。。

こんな感じでどう？

<div id="links">
　<a href="http://example.com/aaa#bbb1" >example.com/aaa</a>
　<a href="http://example.com/aaa#bbb2" >example.com/aaa</a>
</div>
<script>
　$.each($("#links a[href*='example']"), function(){
　　var clearanchor = $(this).attr("href");
　　clearanchor = clearanchor.substring(0, clearanchor.indexOf("#"));
　　$(this).attr("href", clearanchor);
　});
</script>

.replace(/#.*$/i, "")
なんでコレ使わないんだ?

あとはそれを組み込めばよかろうもん

clearanchorを書き換えるだけじゃ反映されないって話だろ
replaceのままでいい

じゃあこれだ

<div id="links">
　<a href="http://example.com/aaa#bbb1" >example.com/aaa</a>
　<a href="http://example.com/aaa#bbb2" >example.com/aaa</a>
</div>
<script>
　$.each($("#links a[href*='example']"), function(){
　　var clearanchor = $(this).attr("href");
　　document.writeln(clearanchor.replace(/#.*$/i, ""))
　);
</script>

> <a href="http://example.com/aaa#bbb"></a>
> このアンカーリンク以降（#bbb）を取っ払う方法がわかりません。

って書いてあるんだから×

じゃあ、これでひとつよろしく

<div id="links">
　<a href="http://example.com/aaa#bbb1" >example.com/aaa</a>
　<a href="http://example.com/aaa#bbb2" >example.com/aaa</a>
</div>
<script>
　$.each($("#links a[href*='example']"), function(){
　　var clearanchor = $(this).attr("href");
　　$(this).attr("href", clearanchor.replace(/#.*$/i, ""));
　});
</script>

変数に代入する必要すらないがその辺はお好みで

で、clearanchorという変数名が用途と合ってないし意味不明

　$("a[href*='example']").each(function(){
　　$(this).attr("href", $(this).attr("href").replace(/#.*$/i, ""));
});

誰だよ#links必要とか言い出した奴

俺だよ俺
だって誰もコード書いてやらないんだものｗ
って何回もなにやってんだろうな俺
自分の仕事しよう。。。

回答者同士で添削しあうスレになったなｗ

それもまたいいと思うｗ

はじめから釣り質問だから誰も答えなかったんだよ。

>>585
ありがとうございます！！
ググってみます！！

質問させてください。

jquery.flatheights.jsというスクリプトを利用させて頂いてます。
http://www.akatsukinishisu.net/itazuragaki/js/i20070801.html

このスクリプトでは指定した要素の高さを合わせるという処理をしてくれます。
（要素にcssでコンテンツの高さに合わせたheight要素を追加してくれる）

このスクリプトでウィンドウサイズを変えた時、
すでに指定した要素に挿入されたheightの値をリセットしたいんです。
（特定のウィンドウサイズ以下になった時にリセットしたいため）
良い方法はないでしょうか？

ライセンス的にOKみたいだから、ソース変更しちゃえば？
ウィンドウのリサイズイベントに、希望の処理をbindすればいいっしょ。

input の range で発生するイベントをJQでハンドリングしたいとおもっております。

スライダーを手放した直後に発生するイベントを探して
Bindしたいのですがどうも見つかりません。

changeイベントで対応するしかないのでしょうか？

changeでできるならそれでいいじゃない

>>603
レス有難うございまうす。
希望の処理を加えたいのは山々なんですが、初心者のため方法がわからず・・・。

特定のウィンドウサイズ（○ピクセル）以下になった時に、
cssに追加したheight属性を消して並び替えたいんですが、
どういった変更を加えたらいいでしょうか？

参考になるサイトなどあったら教えていただけますでしょうか？

・ウィンドウサイズが特定のサイズ以下になったか判定
・CSSのheightを削除
・並び替える

この3つをやるだけだろ？
ソースを変更する必要すらないだろう

3つのやり方が全く分かってないのに、それを1から教えるだけの紙面はない

jQuery経験者の皆様に質問ですが
クロスブラウザ問題はどのくらいあるもんなんでしょうか？
古いIEやスマホでもそこそこちゃんと動きますか？

どのくらい古いIEかによるけど

>>605
レスありがとうございます。

頻繁にアップデートを行いたくないため、
確定した最後の1回だけ処理できたらとおもっています。

rangeで発生するイベント一覧などご存知でしたら、
紹介していただけたらと思っております。

イベントのたびに更新するんじゃなくて
間引く処理を自分で書くといいよ
俺ならそうする

・イベントが発生しても前回から1秒経ってなかったら更新しない
・1秒間イベントが発生しなかったら「確定した最後の1回」と見なして更新する

例えば、テキストボックスの入力文字数（や残り文字数）を数える奴も同様だな

>>608
特にCSS制御が絡むと、古いIEは死ねる
IE6はサポート外にすべし
IE7もできればサポート外にすべし
サポートして良いのはIE8以降にしないと
開発＆保守コストがかさむだけで、誰も幸せになれない

スマホ対応前提なら、jQuery Mobileあたりでラップしちゃえ
独自にゴリゴリやるとこれまた大変

http://jquery.com/　の Cross-browser のところにマウスカーソルをもっていくと、IE 6.0+ とはでるが…

OSとべったり融合してる糞ブラウザで動作確認しようとは思わないな

標準的な方法では他のバージョンをインストールできないし

初2チャンネルなので緊張してますｗ
jQueryでアニメーションさせたところでおかしな挙動をしていてギブアップな状態です。
皆様のお力添えをよろしくお願いします。

【環境】win7のGC、FFなど全てのブラウザで
【何をしたのか】小さい画像を大きい画像の上にドラッグアンドドロップをすると
フォームの親要素のサイズ（height）を変える処理をしているのですが、その際にきれいに終わってくれない。
heightを280pxにすると書いてあるのですが、280→275→285→280という感じで変動してしまいます。
【期待する結果】D&Dをするとheightがきれいに元のサイズ→280pxになって処理完了させたい。
【サンプルコード】http://www.geocities.jp/skygirl_jslove/animate/test.html

JSのみhttp://www.geocities.jp/skygirl_jslove/animate/script/script.js

サーバーにアップしました。



よろしくお願いします。

>>615
"opacity":"0" のアニメーションは何箇所かに対して動くので、
それぞれの完了時に height: 280 にするアニメーションを発動させてしまっている。

>>616

615です。
ありがとうございました！
確かにあの指定だと複数の箇所にanimateがかかっていてその分アニメーションしていますね。
理由もわかって解決できました。

ありがとうございました！

>>611
なるほど、自力で間引いてみます。

>>607
正しいコードかどうかはさておき、
とりあえず希望通りにうごくようになりました。
ありがとうございます

$("#id1").load(url)
のようにページの一部を取得した後、取得したページに含まれている要素を$("#id2")のように取り出そうとしましたができません（空っぽの要素が返ってくる）
loadで取得したDOMは操作できない仕様ですか？

取得したページに対して操作してないのが原因じゃないか？
ソースを示してみろ

.load() の次の行で取り出そうとしてるんじゃね?

どんな形であれ、DOM木に挿入されていれば取得できるはずだけどね。

DOM木に#id2があるか確認してるのか？

$("#id1").load(url);
console.log($("#id1")); // 確認その1
console.log($("#id2")); // 確認その2

確認その1ではちゃんとid1の内側にid2が入っている
確認その2の出力が空っぽ

urlで取得するDOM
<div id="id2">
うんたらかんたら
</div>
みたいな感じ

です

やっぱり次の行で見てたか。.load()は非同期で動くんだよ。

そうだったか。調べたらコールバックが指定できたのでそれで解決しました。�d

どのUIライブラリーを使うのが無難かアドバイスを下さい。
C++や.NET系でそれなりに開発経験は上から下まであるんですが、HTML、javascriptなど素人なのにプロトタイプを作るというムチャぶりが来ました。
株式の値段のように、変更があったところをブリンクさせるとかグラフとかポータルのようなパネルレイアウトとかがいるようなんですが、UI周りのライブラリーとしてどのへんを使うべきかのご意見を頂きたいです。
グラフ周りは別物っぽいのでベースとなるもの？について特に頂ければ。
一つ候補に上がっているのはJQueryEasyUIです。

途中で送信してしまった・・・

また・・・
リンクです。
http://www.jeasyui.com/

グラフはこのへんから見繕ってみれば
http://www.1stwebdesigner.com/css/top-jquery-chart-libraries-interactive-charts/

ｊQuery.getJSONについて質問です。
ドキュメント ttp://api.jquery.com/jQuery.getJSON/ によると
$,getJSON("URL", function(){ ... }).error( function(){ ... } );
でエラー時のコールバックを書けることになっていますが、不正なJSONを返すURL、そもそも404なURLなどを指定してもerror時コールバックが呼ばれません。
これはどのような時に呼ばれるのでしょう？

JS自身にエラーを検出する方法がないから？

>>631
んー。再現しないが。404で.error()が呼ばれた。

バージョンは最新かい? 古いとついてないよ。
あと、1.8では deprecatedになるらしいから failを使うのが賢明。
実際に取り除かれるのは 1.9以降になるだろうけど。

jQuery Mobileで動く、本のページをめくるようなアニメーションのプラグインってありますか？
これは試してみたんですが、ちょっと重たいのでより軽いものがいいのですが。
http://www.turnjs.com/

お手上げなので質問です。

現在jQueryプラグインの、「lofslidernews」というスライドショーを使っています。
これをautoで使ってるのですが、マウスオーバーで一時停止するようにしたいです。
そこで、pauseOnHove:trueや、pause:trueを追加してみたのですが、機能しません。
どこをコードのどこをいじればよいでしょうか？
よろしくお願いします。


$(document).ready( function(){
var buttons = { previous:$('#main_slide .lof-next') ,
next:$('#main_slide .lof-previous') };

$obj = $('#main_slide').lofJSidernews( { interval : 6000,
direction : 'opacitys',
easing : 'easeOutBounce',
duration : 1200,
auto : true,
isPreloaded : false,
maxItemDisplay : 3,
navPosition : 'horizontal', // horizontal
navigatorHeight : 32,
navigatorWidth : 80,
mainWidth:714,
buttons : buttons} );
});

jQueryからCSS3のlinear-gradientを操作できません。
そういうものなのでしょうか？

$('#'+id).css('background', 'linear-gradient(top,rgb(175,175,238),rgb(94,99,222))');
$('#'+id).css('background', '-webkit-linear-gradient(top,rgb(175,175,238),rgb(94,99,222))');
$('#'+id).css('background', '-moz-linear-gradient(top,rgb(175,175,238),rgb(94,99,222))');
$('#'+id).css('visibility', 'hidden');

テストとして入れてる4行目は効いてるので
1〜3行目も通過してるはずなのですが。

>>636
関数を文字列として扱うの？

>>637

$('#'+id).css('border', 'solid 1px rgb(255,0,0)');

こういうふうにrgb()も効くので
linear-gradient()も効くと思ったのですが

>>637
関数じゃないし

なりすましのおっさんが湧いてくるからID出した方がいいよ

すんません・・・ちょろミスでした。
説明しにくいのですが、上で引用しているところ以外で
ちょろミスがありました。

ｊQueryでlinear-gradientは操作できました。

もう解決してしまっているようだけど、
こういう時はjQuery使わず書いてみると、どこが悪いのかわかるよ。

UIをSencha Touchで構築して、DOM操作とかその辺をjQueryでやる、
という共存は可能ですかね？

Sencha Touchのdivとかに付加されるidって自動採番か。。。
jQueryと共存できても、Sencha touchで生成されるUIに対して
jQuery用のvalidationプラグインとかを適用するのは無理っぽいな

find('.title').each()
のようにして検索してループにかけるとき、
自分自身の要素名が div なのか p なのかとか判断するにはどうしたら良いのでしょうか？

すみません。解決しました。

get(0).tagName で取得できました。

>>645, 646
each()のループ内なら、"this.tagName"もOKみたい。
"$"つけてjQueryオブジェクトにすると"undefined"って言われるけど。

$('.hoge').each(function(idx, obj) {
alert($('.hoge').get(idx).tagName);
alert(this.tagName); //これもOK
alert(obj.tagName); //これもOK
});

もし DOMを直接さわらないというこだわりがあるなら、
if ($(this).is('div')) {
　〜
}
なんてのもいいのでは。

jQuery Mobileにて、検索フォームの初期値をJavaScriptで書き換えたいのですが、typeをsearchにするとできません。

//HTML
<input type="search" id="hoge" value="">

//JavaScript
document.getElementById("hoge").value="ほげ";

typeをtextなどにすると変更されるのですが、searchだけ変更されないのはなぜでしょうか？

input 要素自体を append/after/html などで出力じゃダメなの？

普通はできるからその特定のサイトの仕様上の問題だろう

innerHTMLでできました。
しかし.valueだとなぜかできない

たまにあるよね。そういうときはdom本来のvalueでなくもうひとつvalueがつくられてたりする。

jquery mobileでマップ＆マーカー表示させるものを作ってます。


$('#page-home').live("pageshow", function(){
　 $('#map_canvas').gmap({ マップ表示＆マーカーをjsonで読み込んで複数配置 });
});

　 <div data-role="page" class="gmapbg" id="page-home">
　 　 <header data-role="header" data-position="inline" data-theme="a">
　 　 　 <h1>Test</h1>
　 　 　 <a href="#options" data-icon="gear" class="ui-btn-right" data-inline="true" data-rel="dialog" data-transition="pop">Options</a>
　 　 </header>
　 　 <div data-role="content">
　 　 　 <div class="ui-bar-c ui-corner-all ui-shadow" id="map_item">
　 　 　 　 <div id="map_canvas"></div>
　 　 　 </div>
　 </div>


　 <div data-role="dialog" class="gmapbg" id="options">
　 　 <div data-role="content">
　 　 　 <a href="#page-home" data-role="button" data-theme="a" id="saveBtn">設定する</a>
　 　 </div>
　 </div>

page-homeを表示する際にマップとマーカー配置を行ってます。
optionsのダイアログを表示して、マーカーで表示するカテゴリみたいなのを選択させて、
page-homeに戻ってきたときに、カテゴリを絞ってマーカーを再配置させてやりたいのですが、
gmap({});の中に入ってくれず更新させられません。

対応策がありますでしょうか。

数時間なやんだけど・・自己解決しました。


$('#map_canvas').gmap({})
と
マーカ作成処理を外出しで分離してやればできました。


スレ汚しすみません。

やっぱりjqmで決まりなのかな?
jqtouchとかどうなんだろ

jqmは「モバイルサイト」作るのにはいいけど、「モバイルアプリ」には
ちょいと厳しい。モバイルアプリには、Sencha Touchあたりがいいと思う。

ところで、jqmの
$.mobile.changePage( url,{
　type : "POST", data : "param=ABC"
　}
);
を使って、POSTでページ遷移させた場合に
遷移先ページでparamの値を取得するにはどうしたらいいのん？
GETだったら、URLのクエリパラメータに付加されるから
遷移先ページでのpageshowイベント内で
$(this).data("url")
で取得できるんだけど、POSTの場合のやりかたがわからん。

質問。下記のふたつのコードは、意味は同じでしょうか?

$(document).ready(function(){
//うんたらかんたら
});

$(function(){
//うんたらかんたら
})

いずれもjQueryスクリプトの記述方法としてよく見かけます。
自分の勝手な想像ですが、「元々は1つ目の記法だったけど、
あるバージョンのjQueryから2つめの簡略記法が可能になった」とか?

同じ

サーバ側で出力したらいい

両方書いて比較したらいい

jqmobiというのも出て来た。
ややこしいな

>>658
1.0でも簡略記法があるようだよ。ソースを見ただけだけど。

レスありがとうございます。

http://docs.jquery.com/How_jQuery_Works
http://semooh.jp/jquery/ref/cont/tutorial/
などのメジャーなサイトのュートリアルではready()方式しか書かれていないのですが、
比較的最近書かれたと思われるブログTips記事などでは$(function(){})方式ばかりです。

で、ググりにくいキーワードでもあるため、最初は具体的に
「Ver.Xから新記法が使えるようになりました」などの記事が見つけられなかったのですが、
いま改めて探してみたところ、

http://www.mikage.to/jquery/jquery_basic.html#toc_21
> 以前のバージョンでは，$(function(){}) は無く，ready() メソッドを 使用していた

とあり、バージョン不明ですが、少なくとも前述の想像が正しいことが分かりました。

総本山の記述がすべてじゃないの？

> 以前のバージョンでは，$(function(){}) は無く，ready() メソッドを 使用していた

いや、v1.0 からあるって。んな記述ひとつで「正しいことが分かりました」とか、おめでたいな。

公式よりも、ただの日本語訳を信頼するとかアホだ

1.0 以前ってことかね。すくなくとも 1.0ではshortcut のコードがある。(それもいきなり)

http://jsgt.org/lib/jquery/1.0/jquery-1.0.js

なるほど。
てっきりjQueryは0.xのバージョンから(それなりに有名的な意味で)世に出ていたのかと思いきや、
1.0が実質的なローンチで、その時点ですでに簡略記法(と呼んでいいのかどうか)はあった、と。

じゃあ、実質的な処理の違いの有無とか、双方の普及・逆転(?)や認知度の経緯とか、
敢えてどちらかを選んでいるひとのこだわりとか、そのへんに興味が湧いてきます。

そもそも公式サイトで簡略記法に触れていないのも不思議に感じます。
見つけにくいだけで、どこかに(ソースコードを除いて)記述はあるのでしょうか？

.ready()のページにある。
いつから記載されてるかは、インターネットアーカイブでも見ればわかるかもよ。

>>669

ttp://api.jquery.com/jQuery/#jQuery3

jQuery用で、androidでも動くドラッグ＆ドロッププラグインの
オススメってありますか？

ｊQuery UIとjQuery UI Touch Punchの組み合わせでどうかね。

>>673
ありがとうございます。
touch punchよさげですね。ただちょっと重いかなと。

自分もぐぐってみたら、これがandroidでも動いてかなり軽量な感じでした。
http://www.midemos.com/demos/iphone/touch/?/iphone/touch/
ただ、ドキュメントがほとんど無さそう。

>>674
Touch Punchは確かに重いんだよね。
ただjQuery UIをそのまま使えるんで使いまわししやすい。

Android、というか手元のXperia Acroだと#1が回転・拡大縮小できないのはまぁ仕方ないにしても
ページ自体のスクロールができなかった。
用途次第では問題ないと思うけど一応。

>>675
たしかに、jQuery UIそのまま使えるのは利点ですね。
パフォーマンス含めて用途に合うかちゃんと調べてみます。

後者のほうは、PCブラウザだと動かないのでデバッグしづらそうです。
MotorolaのDroid3ですが、同じように#1の回転拡大は動いてないです。

んー、安易にプラグイン使う前に、ちゃんとdraggable/droppableを
勉強するかなぁ。。

ヒントをいただければと思います。

１，サムネイル写真をクリックすると、メインスペースにその写真が現れ、
２，メインスペースの写真をクリックすると、スペース内で画像が拡大される。

http://www.aniary.com/2012_1/AL-02-05/#d_brown
このサイトのようなことをしたいと思ってます。
コードをゼロから書くことはできないので、
既存のjqueryのコードの組み合わせでできますでしょうか。

画像スワップはわかっているつもりですが、
それに、画像拡大を組み合わせられますか。

もし、適当なプラグインがあれば、教えてもらえればと思います。

拡大がやりたいなら、litebox系を使えば？

http://lokeshdhakar.com/projects/lightbox2/
http://fancybox.net/

>>678
ありがとうございます。
拡大するときは、前に画像が浮かんでくるのではなく、
もとあった画像の枠内で大きくしたいと思っています。
紹介してもらった以外にも、ありそうなので、
「litebox系」で、ぐぐってみます。

jquery mobileがクソ重くてガッカリ。
jqmobiとjqueryを組み合わせて動かす事出来るんだろうか。

むしろ、jQueryが使えない環境で、jqmobiでjQueryライクな
DOM操作ができることを期待してる。
SenchaTouch使った開発で、jQueryライクなDOM操作をするとか。

ｊQuery Mobileは同じく重くてガッカリ
重いというか動かないレベル
ふわっと遷移するのが売り物なのに、途中が全部コマ落ちして一瞬で変わるｗ

Android4の標準ブラウザだと
けっこうサクサク動くけどな。
モトのグローバル端末にCM9だけど。

国内キャリアのガラスマだと厳しいとかｗ
マーケットアプリも、国内キャリアだと
動かないとかのクレームけっこうレビューにあるし。

つまり国産スマホが駄目ってことなの？
Galaxyでも似たようなもんだったけど
OSのせいなのかな、2.3系でしか試してないわ

GB(2.3系)のブラウザだと、どれでも厳しいのでは。
ICSの標準ブラウザはよくできてるよ。
細かい使い勝手は微妙だけど、レンダリングのパフォーマンスはかなり改善されてるよね。
ICS入れてから、標準ブラウザ以外を使う気にならない。

OS の最適化が進んでる 3.x 以降じゃなきゃ使う気が起きない

価格コムのスマホサイトって
なんのフレームワーク使ってるんだろう？
jQueryMobileではなさそう
http://s.kakaku.com/

ソースに書いてあんじゃん。

TouchCarousel - jQuery Content Scroller and Slider
http://dimsemenov.com/plugins/touchcarousel/

あとは独自にやってんじゃね？

カルーセルはカルーセルで、ごく一部分のUI要素でしかないだろ。

全体的な構成はjqmに似てるけど、独自なのかもね。

個人でiphoneアプリ、Windowsアプリをマーケットに売って生き残れ

格安iPhoneEラーニング(学習動画多数あり)
http://tinyurl. com/7wj77om
コワーキングスペースJP
http://tinyurl. com/76vdrny

javaやlinuxは手間がかかる　一人でやるには手間がかかりすぎる　手間がかからないで一人で開発できて
人の多いところで直接販売できる仕組みが提供されているメーカ製の言語だけやる　ずばりiphone またはWindow 8 Metro App Store C#
やるならメーカー製の言語 洗練された仕様 脆弱性が少なく 開発ソフトが優れ 課金ライブラリ アップデートライブラリが提供されていて 情報,書籍が多く開発しやすい
奴隷になりたければオープン系をやればいい　時間がかかり 人は多く 仕事の取り合い 足の引っ張り合い 脆弱性が多く 互換性がなく 癖があり 大規模開発中心
詳細設計しかやれない体になって年取ってぽいだ　独立もできない　手間のかかりすぎる仕様だから　
派遣屋・IT経営者はその方が喜ぶ　大規模分割開発では使い捨てしても独立はできまい 代わりはいくらでもいる 嫌なら辞めろ
派遣営業は舐めた態度をとってくる ひどいピンハネ

オープン言語、日本独自開発言語・フレームワーク ガラパコ携帯 javascript html5 Android java linux python rubyやnode.jsとかやめとけ
メディアに金を払ってステマ宣伝してくるが釣られて手を出しても情報は少なく手間がかかり未完成かデスマに陥る　
コンパイルできないからパクられ 　直接売る場所がないから金にならない　生きていけない　ずっと奴隷仕様の言語だ

ここから抜け出すにはiPhone一択 またはWindow 8 Metro App Store(未確) C#
Objective-CやC#を覚えるとサーバーサイドからクライアントサイドまでカバーでき人の多い場所でソフトを売る権利を得られる
仕事や趣味でObjective-CやC＃を覚えれば派遣切りされても会社辞めることになってもソフトを売って生きていける　それはセーフティーネットになる
WEBサーバーIIS Win2008ServerVPS SqlServer Oracle MySql 言語はマーケットで売れるメーカー製のみ C#は自分用業務支援ツールとして使える　
例えばPHPでWEBアプリを作っていて管理者画面はC＃(EXEアプリ)で作るとかなり早く作れる（Smartyなんか使うよりもかなり早くだ）
ASP.net(C#)+管理EXEアプリ(C#)+iPhone C#のソースを出さなければWEBアプリの著作権も守れる
C#マーケット　Windows8 Metroアプリ WindowsPhone pad PS Vita Xbox360 iphone(mono使用)
iPhoneマーケット iPhone iPad 予定 iTv iCar i (家電製品)

地方に安い土地を買いコンテナ型の格安高性能オフィスを建て(300万〜500万)
レンタル自習室＆シェアオフィス・コワーキングで収入を得ながらそこでアプリを開発する
http://tinyurl. com/7pb2yaa
http://bit. ly/iLIpJa

http://kachibito.net/
このサイトの、画像にマウスオーバーしたときの
ふわんと画像が大きくなる効果は、
何のプラグイン使ってるんでしょうね？

>>692
CSS3

>>673
jQuery UI Touch Punchを使って
シンプルなドラッグ＆ドロップのコードを書いてみたら
けっこうサクサク動くね。
ぜんぜん重くないわ。

質問です。下記のHTMLに対してマウスエンター時にalertを出そうとしてます。
<div class="rect">hoge</div>
<div class="rect">piyo</div>

jqueryは以下の通り。
$(function(){
function f(e){
alert(e.data.data);
}
$(".rect").each(function(){
$(this).bind("mouseenter",{data:"foo"},f());
});
});
これだとロード時にrectEnter()が起動してしまう。
なぜだかわからない。
$(function(){
function f(e){
alert(e.data.data);
}
$(".rect").each(function(){
$(this).bind("mouseenter",{data:"foo"},f);
});
});
これだとちゃんとマウスオーバー時に機能する。
違いは関数を渡した時の（）だけ。
推測だけど、()を付けると定義ではなく実行するんじゃなかろうかと。
オブジェクトとして渡すだけなら()無し。実行するなら()で、ということ？

口調が気にくわない

> 推測だけど、()を付けると定義ではなく実行するんじゃなかろうかと。
> オブジェクトとして渡すだけなら()無し。実行するなら()で、ということ？

ということ

>>696
うるせー

>>697
ありがとうございます。
非常に助かりました。

4Gamer.netのスマートフォン版で横スワイプのページ遷移がすごいヌルヌルなのは、どうやって実装してるんでしょうか？
http://www.4gamer.net/

どうやってって…見りゃいいじゃん

>>699
スマホで見てみたけどカクカクだった

3GSでもヌルヌルだったぞ

カクカクだった

ツルペタだった

ぬれぬれだった

3Gでフルフルだった

hulu

jQueryオブジェクトを一つの変数にまとめるにはどうすればいいのでしょうか。
セレクタを使う場合に hoge = hoge.add('#fuga') とするように
hoge += fuga // 両方jQueryオブジェクト
みたいにしたいんですが上記コードだと hoge.css()とかするとエラーが出ます。

例を考えるのが面倒なので
hogeとfugaに何が入ってるか示して

>>709
変数に配列としてキャッシュされているdivとかの要素です。
for (var i=0; i<10; i++) fuga[i] = $('#fuga').find('div').eq(i)
みたいな変数があって、
var hoge = $([]);//空のjQueryオブジェクト
for (var i=0; i<fuga.length; i++) {
hoge += fuga[i];
}
hoge.css(なんちゃら) // こういう風に複数の要素に何かしらの処理をしたい

上では端折りましたが、fugaだけでなく複数の変数の中身をhogeにまとめたりもする必要があるんです。
全てに連番のid振るのもアレなんで…

jQuery流の書き方を勉強しなさい

$('#fuga').find('div').css(なんちゃら);

あるいは

$('#fuga').find('div').each(function() {
　$(this).css(なんちゃら);
}

$.each([fuga1,fuga2,fuga3],function() {
　$(this).css(なんちゃら);
});

>>712-713
自分が知りたかったのはeachのようです。713さんの書き方でとりあえず配列内のオブジェクト全体に
何かしら処理を行う事ができました。またjQuery流の書き方も少しずつ覚えていきたいと思います。
どうもありがとうございました。

その調子で頑張って

終わってからいうのも何だけど、.add() は jQueryオブジェクトも渡せるよ。

渡しても意図した通りにならなかったよ

たとえば?

また試さずにやった>>717が沸いてきたな

試したかどうかなんて分からないんだからどうでもいい

初心者なんですけどloadで読み込んだファイルをsortableしたいんですけど
したのような感じに書き直してみたけどダメでした。

$("p").sortable({
↓
$("p").live("sortable",function(){

loadで読み込んだファイルもsortableさせる方法ってあるんでしょうか？

マニュアル見たらどんなイベントでもliveって使えるわけじゃないんですね、はぁ

jqueryの関数の中のthisって、具体的には何を指すんでしょうか？

イベントの発生源とか

一概に言えない

基本的にはjqueryオブジェクト

$('div').each(function() {
　$(this).css({backgroundColor:'red'});
　// ↑これ？
});

>>721-722
バブリングしないイベントは無理でしょ。そういう仕組みなんだから。
sortable の仕様を読みなさい。

>>726
jQueryオブジェクトになるパターンある？
>727ならdiv要素ノードオブジェクトだと思うけど。

thisが出てくるのはeachくらい？

jQueryのソース読んでみ

ソースを読んでjQueryオブジェクトになるパターンがあるか報告よろ

イベントハンドラ関数でも this を使うけど、俺の知る限りではjQueryオブジェクトになるパターンはないな

>>708
jQuery　変数を複数のセレクタに適用する。 | OKWave
http://okwave.jp/qa/q7567389.html
こっちは放置なの？

質問者：mc0816
誕生日：8月16日
イニシャル：M・C

>>730
$('#hoge').click(function(){$(this).hide();});

いくらでもあるぞ

>>736
それthisはjQueryオブジェクトじゃないじゃん

jQuery Mobileでselectメニューを使う際に、
属性でdata-native-menu="false"を指定すると
見栄えはいいんだけど、Android(ICS)だとすごく重くなる。

selectメニューだけ、jQMのスタイルを外すのはどうやればいいのん？

まちがえた。chromeで確認してた。。。o...rz
data-native-menu="true"にして、Androidで確認したら
ちゃんとネイティブになってた。申し訳ない

>>739
AndroidにもChromeはあるわけだが、えまえさんのいうAndroidのブラウザ名は何だ？
Chromeが載っているOSは？

新キャラ：えまえさん

>>740
どうも、えまえです。

PC版Chromeで確認してた。。。
ちなみに自分のAndroid端末だと、ICS(CM9)載せてもAndroid用の
Chromeが動かないのよ。
ハードウェアのアクセラレーションが有効でないとダメなんだっけか。

cake phpにて、jQuery.mobile1.0.0を利用したスマートフォン用のサイトを作成しています。

formタグ内のselectボックスやsubmitボタン等の下に経線が現れる事があります。
これが画面を縦にすると現れるのですが横向きにすると消えてしまいます。
PCで確認しても同様に消えてしまいます。

これは一体どうしてなのでしょう？
どうしたら消えるのでしょうか？

<fieldset>とかでUI要素を包むと出なかったっけ、その線。

俺も今までjQuery Mobileでゴリゴリ作りこんで来たんだけど、
庵泥端末の実機で確認した時のクソ重さにストレスが貯まってたんだけど
Date&Time Pickerプラグイン使って、キレた。
http://dev.jtsage.com/jQM-DateBox/demos/mode/timeflipbox.html

こんなもん、ユーザにどうストレス無く使わせられるのかって。

頭に来て、全部Twitter Bootstrapに載せ替えるイバラの道を選んだ。
こっちは、TimePickerプラグインとかを実機で動かしても
かなりスムーズに動く。
http://jdewit.github.com/bootstrap-timepicker/

もっと実用的なfwないのかね。
jqtouchは、軽そうだけどどうなんだろう

試してみようず

jQuery Mobileにて、ページ移動のslideアニメーションをiPhoneのSafari以外のブラウザでやると動作がもたついて移動先のページが一瞬表示されてからアニメーションが起こるのですが、何か回避策はありますか？

回避方法は多分無い。Androidだと壊滅的。
プラグイン使うともう地獄。

結果、俺はjQM捨てた。
３ヶ月を無駄にした。

３ヶ月も試す前に気付けよｗ
俺は３日で見切った。

あざっす
jQMで派手な事するのは諦めます

個人でiphoneアプリ、Windowsアプリをマーケットに売って生き残れ

格安iPhoneEラーニング(学習動画多数あり)
http://tinyurl.com/7wj77om

コワーキングスペースJP
http://tinyurl.com/76vdrny
コワーキング帳
http://tinyurl.com/brzs486

WEBサーバーIIS Win2008ServerVPS SqlServer Oracle MySql 言語はマーケットで売れるメーカー製のみやる
ASP.net(C#)+管理EXEアプリ(C#)+iPhone C#のソースを出さなければWEBアプリの著作権も守れる

C#マーケット　Windows8 Metroアプリ WindowsPhone Surface PS Vita Xbox360 iphone(mono使用)
iPhoneマーケット iPhone iPad 予定 iTv iCar i (家電製品)

地方に安い土地を買いコンテナ型の格安高性能オフィスを建て(300万〜500万)
レンタル自習室＆シェアオフィス・コワーキングで収入を得ながらそこでアプリを開発する
http://tinyurl.com/7pb2yaa
http://bit.ly/iLIpJa

業務命令だと、「なぜ使えないのか」の説明を求められるから
現場は３日で判断できても、上の方にあがるほど、放置されるわなんだで
時間掛かるんだよなー。「なんとかしろ」で突っ返されるし。
チューニングして工夫してある程度動くものを見せて
「これじゃあしょうがない」になるまで３ヶ月かかった。
このご時世で決断スピードがコレは、会社として致命的だわ。。。

PHPで作ってるサイトにPJAXを導入しようとしてるんだけどうまくいかない。
自動での部分読み込み自体はうまくいってるっぽいんだけど、
その後URLから_pjax=xxxxを消すためのpushState(？)が
実際のリクエストとなってApache に飛び、
結局ページ全体のリロードになってしまうようだ。
timeout値を大きくしても同じ。試してるブラウザはchrome。

何が悪いんだろう・・・

ソースを出す気が無いならお帰り下さい

普通は〜ぽいとか〜のようだとかそういうとこから疑うが、
ソースも無いので確かめようが無い　そんなん知らんがな

ソースはサンプルのまんま、まだ何も複雑なことはしてないよ。
一度_pjax=xxxxつきのリクエストが行き、その次に無しのリクエストが行くことはApacheのログで確認してる。

サーバ側で_pjaxつきで来たときにhtmlとしてエラーになるようなメチャクチャなレスポンスを返してやると
画面更新は起こらず、その場合再リクエストも行かない。
これはクライアントに送られるJavaScriptコードが解釈不能になるせいだろう。

つまり部分更新用のコードが帰ってくるところまではどう見ても動いている。
問題はその後勝手にリロードが発生しちゃうことなんだ。
何だろうなこれは。

一応ソース貼っときます。
<?php
$headers = getallheaders();
if ($headers['X-PJAX']) {
echo '部分更新だよ';
exit();
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PJAXテスト</title>
<script src="/js/jquery.min.js" type="text/javascript"></script>
<script src="/js/jquery.pjax.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
<!--
$(function() {
$("a.js-pjax").pjax("#main", {"timeout": 36000});
});
-->
</script>
</head>
<body>
<div id="main">全体ロードだよ</div>
<a href="<?=$_SERVER['PHP_SELF']?>" class="js-pjax">リンクA</a><br />
<a href="<?=$_SERVER['PHP_SELF']?>">リンクB</a>
</body>
</html>

jquery.min.jsとjquery.pjax.jsは昨日の時点の最新版。
ひょっとしてその組み合わせがまずいかな。
確実に動く組み合わせを知ってる人いたら教えてくらはい。

どっかのサイトにあった古いjquery.pjax.jsに変えたら動くようになった。
やれやれ。
俺の数時間を返せと言いたい。
スレ汚し失礼しますた〜。

Bootstrap使うと、jQueryでfocusとかのイベントが
無効になっちゃうのかな。

StackOverflowとか見ると、"not working"とか書いてる投稿が
けっこう見受けられる。。。

自己解決。
たしかに、bootstrap使うと
focusイベントが殺される。
clickとかは生きてるのに。

んで、
$("#selector").on("focus", function(){/* イベント処理 */});
だとダメだけど、
$("#selector").on("hover", function(){/* イベント処理 */});
なら大丈夫なことが判った。
とりあえずこれに関しては、気持ち悪いけど解決。

そもそもfocusとhoverは違うんだけどつまりどういうことなんだ？

あれれ、なんか根本的にカンチガイしてるのか、俺。。。
div要素とかに、マウスカーソルが当たったイベントを
取得したいんだわ。

divの範囲にマウスカーソルが入る＝focus
divの範囲からマウスカーソルが出る＝blur

だと思ってた。
ちょっと再確認してくる。

クリックして選択した状態がfocus だバカたれ

>>762
div要素はfocusできないぞ
tabindex当ててるなら別だが

上空をオスプレイが通過 → hover
オスプレイが墜落 → focus
墜落したオスプレイを搬出 → blur

おぉ、ありがとう。
勘違いしたまま進むところだった。
マジ感謝。

牡プレイだと？

アッーー
mouseover, mouseoutじゃいかんの?

オスプレイがあるならメスプレイもあっていい
俺は常にメスプレイのことしか考えていないが
メスプレイの中でも俺は女子小学生が大好物

おまわりさん、こいつです。

おさわりまんこです。

JQueryMobileでの質問です。
「保存ボタンを押した時に確認ダイアログを出し、戻り値(新規追加、更新、取消)によって処理を分岐する」的なことをやろうと思ってます。

$(document).on('click', "#btnsave", function () {
　$.mobile.changePage("#dlg_check", "pop");
　
　if (msgret == 'ADD'){
　　//新規追加
　} else if (msgret == 'UPDATE'){
　　//更新
　} else {
　　//なにもしない
　}
});

こんな感じにしてみたのですが、これだとダイアログが出る前に下部分が実行されてしまいます。
何か良い解決策はないものでしょうか。

return false、他

ダイアログが出るまでまつ

コールバック関数ついてね?

JavaScriptのテンプレートエンジン(Ajaxでサーバーサイド言語頼り？)
なんてのがあるようですが、人気上位(1〜3位くらい)のライブラリはどれですか？

ヘタに既存のテンプレートエンジンとか、CSSフレームワーク使うと
細かい部分でカスタマイズしたい時にハマるんだよな。

ああ、ちょっと何か変えたいと思っただけでも
解析しないといけないからな
既存の物を使って工数短縮になるのは、本当にそのまんま使った時だけ

クリックすると表示して他をクリックすると閉じるってどうやるの？

日本語でOK

とりあえず、やりたいことのサンプルとなる
サイトとかあれば晒してみれ
LightBoxとかじゃないのか？

fancyboxとかmodalwindowとか

jQuery++ってのがあるのね。
http://jquerypp.com/

jQuery Toolsってのも面白そう。
http://jquerytools.org/

Unserscore.jsは、標準APIみたいにいろいろ揃ってて便利。
http://underscorejs.org/

jQuery Mobileでdata-iconpos="notext"にするとボタンが小さすぎて困るんですが、何とかなりませんか？

data-iconsize

最近Webサイト制作の勉強をし始めた初心者です。
現在ドロップダウンメニューを作っています。
ググればテンプレはいくらでも出てくるのですが、今回は勉強の為にということで自分なりに作っています。

動作確認は、
Firefox 14.0.1
IE 9
Chrome 20
Safari 5.1.7
の4つのブラウザで行っています。

大体完成して期待していた動作をしてくれるのですが、どうもFirefoxでの動作がもっさりしています。
具体的には、jQueryの.slideDown()と.slideUp()で出たり引っ込んだりを実装しているのですが、その動作がもっさりなんです。
他の３つのブラウザではさくっと動いてくれます（Safariも多少もっさりしてますが個人的には許容範囲）。
因みにCSSでグラデーションを切ってborderのridgeをsolidに変えるか消すかすればさくっと動きます。

ソースはこれです
http://jsbin.com/isezuc/edit#source

Firefoxでもっさりするのは仕様ですか？
それともどうにかして改善できますか？

宜しくお願いします。

Fx15.0a2 (2012-07-16)だけど全然もっさり感じない。
Fxはそもそもがけっこうもっさりって言われてるからマシンスペックとかメモリとかに影響されやすいのかもね。

>>786
レスありがとうございます。

「もっさり」をもっと具体的に言うと、
Firefox 30fps
Safari 45fps
IE 60fps
Chrome 60fps
という感じです。測った訳ではなく体感ですが。

15,0a2をインストールして試してみましたが、動きは変わりませんでした。
アドオンの関係かなと思い、全てのアドオン（Firebugしか入ってませんが）無効化でやってみましたが、変化無しでした。
マシンスペックは問題ないと思うのですが、以下に晒します。

Windows 7 Professional SP1 64bit
i7-2760QM
16GB RAM
AMD Radeon HD 6990M CrossFireX
SSD Hybrid HDD 1TB(500GB*2 RAID0)

Firefoxはもっさり、ですか。
確かにウィンドウのサイズ変えるのももっさりするなと感じているのですが、やはりこういうものなんですかね。

XPsp3、Core2Duo 2.33GHz、4GB
でChrome、Firefoxがほぼ変わらず、Safariのみ若干遅い、というかひっかかりがあるみたいな感覚ですね。
IEは8しか入ってないけどそれだと動かなかったです。
なおFirefoxは常用しているものなのでアドオンてんこもりです。

以前作ったjQuery使いまくりのサイトで
FireFoxとChromeでチェックしてみたけど、
jbgalleryやlightboxなんかはほぼ同じスピードで動いてたけどね
slide関連だけもっさりするのかな？

スペックもハイエンドノートみたいだから関係なさそうだし

あ、FireFoxだとslide関連遅いみたい。FPSが明らかに低いガクガクって感じになる

ちょっと暇だったんで >>785 のソースを勝手にjQueryっぽくしてみた。ごめんね。

$(function(){
$("#ddownmenu > ul").each(function(){
$(this).hover(
function(){
$(this).children(":not(:first-child)").slideDown("fast");
}, function(){
$(this).children(":not(:first-child)").slideUp("fast");
}
).children(":not(:first-child)").hide();
});
});

無駄each取っ払ってインデント修正してみた。度々すまん。これで最後にする。

$(function(){
　 $("#ddownmenu > ul").hover(
　 　 function(){
　 　 　 $(this).children(":not(:first-child)").slideDown("fast");
　 　 }, function(){
　 　 　 $(this).children(":not(:first-child)").slideUp("fast");
　 　 }
　 ).children(":not(:first-child)").hide();
});

皆様レスありがとうございます。

>>788
ChromeとFirefoxがほぼ同じですか。
確かにSafariのは遅いっていうよりひっかかってるみたいな感じです。

>>789
>>790
やっぱりFirefoxはslide関係がもっさりなんですかねえ。

>>791
>>792
いえいえ、勉強になります。
特にjQueryは触り始めたのがここ数日で、慣れていないので上手く使えませんでした。
こちらの方がすっきりして良いですね、ありがとうございます。

確かに、引っ掛かりを感じるが…
計測してみたほうがいいんじゃね?

ページ内ポップアップで画像というのはよく見るのですが、別ページをポップアップするという機能はjQueryにありますでしょうか？
なんというワードで検索すればよいのかがわからず迷っております。
よろしければアドバイスいただけると助かります。

>>795
FuncyBoxとかThickBoxとか。

>>795
LightBox系の拡張でiframeに対応してるのを探せば良い

>>796-797
ありがとうございます。
こちらを参考に探させていただきます。

jQueryのcrossfaderを使うと
画像が切り替わるたびにファンがうるさく回りだすのは仕様ですか？
それとも記述がわるいのでしょうか？

jQueryを利用してtextareaの文字数を表示するのにkeyupでできたのですが、
最初に画面を表示する時点ですでにtextareaに文字が入っている場合にも
文字数を表示したいのです。
今は、$("textarea").keyup(function(){...});としているのですが
どのようにしたらよいでしょうか？keyupに変わるイベント（？）のような
ものがありますでしょうか。

$("textarea").keyup(function(){...}).keyup();
キーアップが起こったことにしてやりゃいい。

スーパー初心者です。ttp://uptest.sitemix.jp/test.html

上記のサイトでちょっとしたアニメーションを作って見たんですが、
右へ動かした時に全体ががたついてグラグラしてしまいます。
なにが原因でしょうか。

またhtmlの入れ替えで複数のテキストを用意し一定の間隔で置き換えて、
(´・ω・`) がだんだんと後ろを向いたりこちらを向いたりさせたいのですが、
どうしたらいいんでしょうか。
過程を通り過ぎて一気に最後のものに置き換わってしまうので困っています。

>>802
こっちでは別にガタガタしないよ？
複数テキストの書き換えは内部的に一瞬で終わるんで最後しか見えない。
もしアニメーションさせたいなら書き換える、ちょっと待つ、書き換える、ちょっと待つ、ってやらないとダメ。

>>801
できました。キーアップしたことになるんですね。
精進します。
ありがとうございました。

>>803
ガタガタしないんですか。なるほど。ブラウザの問題かもしれないです。

よければ「ちょっと待つ」の部分で用いるエフェクトを教えてください。

jQueryを使ったtwitterの自分のつぶやきを表示させるもので、
ツイートを非公開設定にしていても読み込んでくれるものはありませんか？

>>802
.delay() を使おうとしているようで、それは正しい。
でも、その後の .html() はすぐ動いてしまうので、この処理もキューの中に入れなくてはいけない。
.queue()のcallbackをつかうんだ。

http://api.jquery.com/queue/#queue2

>>806
自分で公開するスクリプトにTwitterのID/Passwordを埋め込むことの意味がわからない？

>>807
.delay()と.html()と.dequeue()を、.queueの中にいれると、
二段階は変化するようになったのですが、
それ以上は変化せず中間が端折られてしまいます・・・
構造の記述が間違ってるんでしょうか？

>>808
それを埋め込まないと非公開でも読み込んでくれるスクリプトは作れないって事ですか？

>>810
とりあえずお前が望んでいるようなものはないし作れない。
そもそも「非公開なものを公開したい」とか意味が分からない。

>>809
delay() は.queue()の外だ。
それ自体がキューに「数ミリ秒待つ処理」を加えるメソッドだから。

>>803 が書いている処理を一つづつキューに追加するって感じで書いてみな。

>>812
あびゃあああ！できました！！！！
みんなありがとう！！！！！

>>811
pixivとのツイッター連帯だと
本家で非公開に設定してもそっちでは公開できたりするので
もしかしたらできるのかと…すみません

ツイッター連帯
ツイッター連帯
ツイッター連帯

>>814
そういうのはサーバーサイドの次元であって、
クライアントサイドのJavaScriptのスレで質問するのは筋違いだよ。
Twitter連帯の仕組みを知りたいなら「Twitter OAuth認証」とかでググってみてね

しばらくぶりですが、動作に変化が見られたのでご報告致します。
特にこちらでソースを弄った訳ではないですけど。

Firefox(Aurora)が、16.0a2 (2012-07-25)に更新された後に先のページを表示しました。
するとドロップダウンの動作(.slideDown()、.slideUp())がスムーズでした。
念のためFirefox 14.0.1で確認しましたが、もっさりのままでした。

Firefox側で改善されたようなので、このまま正式にリリースされるといいですね。

jQueryの質問です。
以下のように書いた場合、jQuery1.3.2とjQuery1.7.1とで動作が異なります。
1.3.2では"foo.hoge"に続き"bar.hoge"のアラートが出力されますが、
1.7.2では"bar.hoge"のみのアラートで出力されます。

1.3.2ではfoo, barそれぞれに別のhogeメソッドを持っているようですが
1.7.1ではfoo, barとも同じhogeメソッドを持ち、上書きされているように
見えます。

この違いはjQueryのバージョンに因る仕様変更の為でしょうか？
1.7.1で1.3.2のように動作させたい場合、どのように記述すべきでしょうか？

foo = $(function(){
foo.hoge = function(){ alert('foo.hoge'); };
});

bar = $(function(){
bar.hoge = function(){ alert('bar.hoge'); };
});

$(function(){
foo.hoge();
bar.hoge();
});

>>818
これって何に使うん？

そもそも
foo = $(function(){ ... });
ってなんだかわかってる？

>>818
readyの状態になったときに
foo.hoge = function(){ alert('foo.hoge'); };
bar.hoge = function(){ alert('bar.hoge'); };
foo.hoge();
bar.hoge();
が順に実行される
何をしたいのかがさっぱり分からない

jQueryでのonreadyの略記ですよね？

>>821
1.7.1では"bar.hoge"のみ出力されるのは
なぜですかね？

$(function(){})は唯一のjQueryオブジェクトを返す
fooとbarに同じものを代入している
（1.3.2時代は唯一ではなかったのか？）

fooとbarに同じ唯一のjQueryオブジェクトを代入することに何の意味があるのか説明してくれ

意味のない質問に回答する意味がない

>>818

// 1.3.2
foo = jQuery(document).ready(function(){
foo.hoge = function(){ alert('foo.hoge'); };
});

bar = jQuery(document).ready(function(){
bar.hoge = function(){ alert('bar.hoge'); };
});

// 1.7.1
var rootjQuery = jQuery(document);
foo = rootjQuery.ready(function(){
foo.hoge = function(){ alert('foo.hoge'); };
});

bar = rootjQuery.ready(function(){
bar.hoge = function(){ alert('bar.hoge'); };
});

「唯一のjQueryオブジェクト」とか言ってる奴は何も理解してないな。

では、質問を変えて、1.3.2では$(function(){})は別のオブジェクトを返すのですかね？

>>826
分かりやすい解説ありがとうございます。
そういう違いがあったのですね。

唯一神を信仰してるんだろ

そもそも何をやりたくてそういうコードになってるかの方が問題だと思うんだけど？

無意味な質問に回答する無駄

きっとどうしてそうなるかを聞きたいだけだろ
何がやりたいかを聞くほうがナンセンス

> 1.7.1で1.3.2のように動作させたい場合、どのように記述すべきでしょうか？

って言ってるくらいだから内部的な話じゃないだろ。

これ結構おもろいかも

『JSON PARSE PROXY SERVER for ２ちゃんねる』
http://nonoriri2012.blog.fc2.com/blog-entry-6.html

jQuery使う前の段階なんだけど、
UTF-8で保存しなくちゃならない
sakura2-0-5-0_x64を使うと入力途中に
Shift-JISで保存されてしまう
皆さん何のエディター使ってるの？

入力途中に Shift_JIS で保存される、の意味が分からんけど、
sakura エディタは ASCII のみのファイルはデフォルトで
Shift_JIS で開くから、Ctrl + Alt + F8 で UTF-8 で開き直せば桶。

禿丸エディター

notepad++

jQuery1.7.2とjQuery.mobile.1.1.1でアンケートフォームを作ったのですが、
フォームが送信されません。ボタンをクリックしてもボタンが押された動きを
するだけです。（<input type="button">の動作でsubmitの動作をしない）
<form action="next.php" method="post">
<div data-role="fieldcontain">
<label for="name">名前：</label>
<input type="text" id="name">
</div>
<div data-role="fieldcontain">
<label for="age">年齢：</label>
<input type="text" id="age">
</div>
<input type="hidden" name="hoge" value="huga">
<input type="submit" name="ok" value="送信" data-theme="b">
</form>
試したこととしては、
ttp://dev.screw-axis.com/doc/jquery_mobile/api/configuring_defaults/
を参考に、ajaxEnabled:falseにして、formにdata-ajax=“false”を追加
しても同じでした。
どなたかアドバイスいただけないでしょうか？
なお関係ないかもしれませんが諸事情があり文字コードはEUC-JPを使っています。

>>837-839
Ctrl + Alt + F8 で UTF-8
で開きなおせるとは知らなかった
勉強になりました
一応希望の動作はしたので
しばらくこれでやってみます。

その他の方もありがとうm(__)m

jQuery+jGlycyで画像をスライド表示させています。

テーブルを使ってスライド画像がウィンドウの中央にくるように配置しているのですが、
Chromeでページを開くと、画像の位置が下方にずれてしまいます。
ページを再読み込みしてもズレは変わらないのですが、
同じサイト内の別のページに行ってから該当ページに戻ると、画像が正しい位置に表示されるようになります。

Firefoxでは正しく表示され、LunascapeでもWebKitエンジン以外では問題ありませんでした。
（WebKitエンジンではChromeと同じように画像がズレます。）
ひょっとしたらjQueryとは全く関係のない話かもしれませんが、
どうかアドバイスあるいは誘導お願いします。

テキスト入力フォームをモーダルでポップアップさせたいんだけど
その際に、lightboxみたいに拡大アニメーション付きで出てくるようなプラグインありませんか？
ｊQuery UIみたいなのでいいんだけど、あれだとアニメーションなくいきなり出るので

ぐぐったらthickboxというのが沢山出てきたんだけど、何故か消えてる
他におすすめありましたら教えてください

FancyBox

TrashBox

GreyBox

ゴメンGreyBoxはjQueryじゃなかった

jQueryMobile使ってます。
ファイルアップロード用のフォームで
data-ajax="false"
を指定しているのですが、
この状態で読み込み中のエフェクト（丸が回転する奴）を表示する事ってできませんか？
$.mobile.showPageLoadingMsg();
で明示的に表示してもサブミットすると表示されなくなります。
通信してるのか分かりづらいので何か表示したいのですが
仕様として諦めるしかないですかね？

表示する処理を自前で書いたらいいんじゃないの

>>849
試しに
アニメGIFを
style.display = "none";
↓ボタン押下
style.display = "block";
フォームサブミット
とするようにしたのですが、
サブミットするとアニメGIFの動きも止まってしまいました。
諦めるしかなさそうですね。
data-ajax="false"を指定しなければいいのですが、
ファイルアップロードではajaxは切らないと駄目みたいですね。

アニメGIFが止まるってのはブラウザ側の問題だからどうしようもないな。

jQueryのContents Flow使っているんですけど、
両側の余白を0にしたり画像の余白を消すのってどこいじればいいんですか？

学ぶ力には三つの条件があります。

第一は自分自身に対する不全感。
自分は非力で、無知で、まだまだ多くのものが欠けている。
だからこの欠如を埋めなくてはならない、という飢餓感を持つこと。

第二は、その欠如を埋めてくれる「メンター（先達）」を探し当てられる能力です。
メンターは先生でもお母さんでも、ネットの中の無名の人でもいい。
生涯にわたる師ではなく、ただある場所から別の場所に案内してくれるだけの
「渡し守」のような人でもいいのです。
自分を一歩先に連れて行ってくれる人は全て大切なメンターです。

第三が、素直な気持ち。
メンターを「教える気にさせる」力です。オープンマインドと言ってもいいし、
もっと平たく「愛嬌（あいきょう）」と言ってもいい。

「学ぶ姿勢」のある人は、何よりも素直です。
つまらない先入観を持たないから、生半可なリアリズムで好奇心を閉ざさない。
素直な人に聞かれると、こちらもつい真剣になる。知っている限りのことを、
知らないことまでも、教えてあげたいという気分になる。そういうものです。

以上、この三つの条件をまとめると、

「学びたいことがあります。教えてください。お願いします」

という文になります。これが「マジックワード」です。
これをさらっと口に出せる人はどこまでも成長することができる。
この言葉を惜しむ人は学ぶことができないのです。
学ぶ力には年齢も社会的地位も関係がありません。
>>850さんも、早く学ぶ力を身に付けてください。

jQueryのCollapseを使っているのですが、
トリガーをクリックするとトリガーのタグの文字列が
変わるようには出来るのでしょうか？

表示を切り替えたいのですが
チェックボックスを選択していないときは「A」という表示
チェックボックスを選択しているときは「B」という表示
を行いたいのですがJQueryでそういったことを出来る関数はありますでしょうか？

>>855
チェックボックスの状態に応じて表示を変える
チェックボックスの状態が変化したら表示を切り替える

jQueryMobileの糞重さに辟易して
Bootstrapに移行したのはいいけど、
結局それすら捨てて、最終的に
オレオレCSSフレームワークに。
もうなにがいいんだかわからん。

信じられるのはコアjQueryだけ。

jQueryMobileはとても実用にならないのに
時々技術系のサイトで紹介されてて
ああ記事書く人って実際使ってないんだなあって思った

>>854
できる。

>>859
どのようにするのか方法をお教え頂けないでしょうか？
お願い致します。

お前には無理

俺には無理

わかってるじゃん

最新バージョンのJquery1.8を使用する検索システムでphpでmysqlに問い合わせた結果をajax処理し表示していますが、
クライアントPC(非サーバOS)のIE8でのみ、描画されるまでに非常に時間がかかります。
“clean:function"(2行目約70000文字列前)以降でやたら時間がかかっているのをIE8のデバッガを使用して確認しました。
他のバージョンのIE(6,7,9)では問題ないのでIE8が悪いのは承知しているのですが、
IE8で処理速度を向上するためにjquery側で何とかできる処理や確認すべき場所はありますでしょうか。
なお、時間がかかっても検索結果は正しく表示されます。
ご教示いただけたら幸いです。

>>863
お前にも無理

>>864
70000文字って何だよ
人間が読めるバージョンのソースがあるだろう

clean:function(a,b,c,d){var f,g,h,i,j,k,l,m,n,o,q,r,s=0,t=[];〜〜から始まる一連の処理です。
処理の結果何らかのWhileを実行するようになるのですが、Whileに移動する際に
IEのデバッガの読み込みが遅くなることから、そのあたりに特に時間がかかっているように見受けられます。

そういうことじゃないんだが

ﾘﾐｯﾄかけてﾍﾟｰｼﾞﾝｸﾞすればいいのに

>>867
jQueryには Minified と Uncompressed の2種類があって、
後者は人間が読みやすいソースになっているから、
そっちでデバッガを動かしたほうがいいのではないか。
ってことを >>866 は言いたいんだと思うよ。

あと、1.8 は出たばっかりだし、メジャーバージョンアップなので
まだバグがあるかもしれない。1.8ではないと動かないということではなければ、
前のバージョンでためしてみるのもいいかもよ。
もしそれで違いが出るんなら、原因を突き止めて報告してやってちょうだい。

言葉足らずでごめんな
スマホだと面倒で

>>871
一人を除いてみんな分かってるから大丈夫だ

すまん誰かご教授いただきたいんだが、
$(function(){
$('.slider img:gt(0)').hide();
setInterval(function(){
$('.slider :first-child').fadeOut(4000, 'swing' )
.next('img').fadeIn(4000, 'swing' )
.end().appendTo('.slider');},
5000);
});
こんな感じでスライドショーしてるんだけど
しょっぱなの画像だけ表示時間を早くする事って可能でしょうか？

失礼しました。
6116行目を指します。
jqueryのバージョンに関わらず遅いです。

原因はわかっていませんが、回避方法を模索します

今まで模索してなかったのかよ・・

モサク

innerHTMLまわりかな

prototype.js って死んだ？

>>873

$(function(){
$('.slider img:gt(0)').hide();
hoge();
setInterval(function(){ hoge();},5000);
});

function hoge(){
$('.slider :first-child').fadeOut(4000, 'swing' ).next('img').fadeIn(4000, 'swing' ).end().appendTo('.slider');
}

jQueryを使うようになってからPrototype.jsなど忘れてしまった

noconflictとか使ったことない

.icon、.textBoxの高さを読み込んで比較し、.iconが.textBoxより小さければ『a』、それ以外なら『b』を表示させるものです。
chromeのみif(boxLeft < boxRight)は反応しますが、elseに反応がありません。
どう改善すれば機能するでしょうか。お願いします。

<html>
<head>
<script type="text/javascript">
<!--
$(document).ready(function(){
$(".commentBox").each(function(){
var boxLeft=$(".icon",$(this)).height();
var boxRight=$(".textBox",$(this)).height();
if(boxLeft < boxRight){
alert("a");
}
else{
alert("b");
}
});
});
-->
</script>
</head>

以下続きです。

<body>
<div class="commentBox" style=" min-height: 64px;_height: 64px; margin-bottom: 8px; position: relative;">
<p class="icon" style="float: left;"><img src="xxx.gif" width="64px" height="64px"></p>
<div class="textBox" style="width: 566px; float: right;">
テキスト<br>
テキスト<br>
テキスト<br>
テキスト<br>
テキスト<br>
</div>
<br style="font-size: 0.1pt; clear: both; line-height: 0;"><br style="font-size: 0.1pt; clear: both; line-height: 0;">
</div>
<div class="commentBox" style=" min-height: 64px;_height: 64px; margin-bottom: 8px; position: relative;">
<p class="icon" style="float: left;"><img src="xxx.gif" width="64px" height="64px"></p>
<div class="textBox" style="width: 566px; float: right;">
テキスト
</div>
<br style="font-size: 0.1pt; clear: both; line-height: 0;"><br style="font-size: 0.1pt; clear: both; line-height: 0;">
</div>
</body>

IE6~で動作確認、FireFox動作確認。
google chrome(21.0.1180.79)でのみ動作しません。

jquery-cycleのスライドショーで縦画像はボックス内の左に配置されます。
これをセンタリングする方法を教えてください。
.jquery-cycle {
text-align: center;
overflow: hidden;
}

.jquery-cycle img {
text-align: center;
}

どちらもうまくいきません。

chirpを動作させようとしてるのですが、

<script type="text/javascript" src="chirp.min.js"></script>
<script>Chirp({
user:'twitterのユーザー名',
max:5,
retweets: false,
replies: false,
templates: {
base: '<ul class="chirp">{{tweets}}</ul>',
tweet: '<li><p><a href="http://twitter.com/{{user.screen_name}}" title="{{user.name}} ? {{user.description}}">
<img src="{{user.profile_image_url}}"></a> {{html}}</p><span class="meta"><time>
<a href="http://twitter.com/{{user.screen_name}}/statuses/{{id_str}}">{{time_ago}}</a>
</time> — via <a href="http://twitter.com/{{user.screen_name}}" title="{{user.name}} ? {{user.description}}">{{user.name}}</a></span></li>'
})</script>

でツイートが表示されません。

templates以下を削除したり、
<script>Chirp('username')</script>
でスタイルシートを適用させない場合は表示されるのですが…
どうしたらスタイルシートを適用させつつ表示させられますか？

javascript質問スレから誘導されました

prototype.jsを利用してクラスを作るとき、
一つのメソッド内で同クラスの他のメソッドは呼び出せないのですか？
他の言語、たとえばjavaなんかではできると思うのですが、prototype.jsの機能では不可能なのでしょうか？

>>886
スレ違いなんじゃない？
ここ、jQueryのスレだし

jQueryを例示してあるだけだから
スレ違いじゃないよ

さっさと答えろよ、てめぇら。

役にたたねえバカしかいねぇのか？ここは

prototype.jsは素人用
prototype.jsすら使えないならプログラミングはやめとけ

>>886
普通に this.methodName() でだめ？

あぁ、そうか総合スレだもんな
んじゃjQueryってキーワードは紛らわしいし抜くべきだよな
ちなみにprototypeはオワコン

ライブラリ総合って書いてるんだから問題無いだろ。てか、オワコンだからなに？
そういうことを語るスレじゃないだろうに。

役にたたねえレスばっかだな

　_i^i__i^i_　　　　　　　　　　　　　　　 　 i^i ._i^i_　__,　-―-　､___
　|＊||＊| ∩＿＿＿∩ 　　　i^i　_i^i_ 　| | |@ll|(_/,,,, 　 ,,,, 　 ヽ_) 　山で出会った時は
　|≡||≡|| ノ　 　 　　　ヽ 　（［］）|;□;|.(≡)|＿|　|●　　●　　 |　　　　とりあえず「こんにちわ」が基本だよな
　. 二二/　　　　　　　● |二二（ （二二二二　彡(_●_ )　　　ミ　　　
　　　　 |　　 　　　　　　 ミ　　　 ) ）　　 　 　 ／ ` ''∪''　　／　ヽ
　　　　彡､　　　　　　＿ノ Gﾉ'ﾌ＝　　___　　/　/i 　` ー '"　 iヽ　|
　　　　　/　　　 　　　 ヽ /　/ 　　　　|　!　/　/　|　 　　　　　| |　.l.
　..──|ヽ　　　　　　　　 ヽ/─=＝i─Y-(＿ﾉ──i二i───(⌒)
　＿＿_ヽ　　　　　　　/ヽノ 　 └-┘ ┴　　　　　..└┘　　　　.￣
　　　　　 |　＿＿＿　i￣ そうだよな。　いきなり銃向けられるって、どこのスラム街だよって話だよな

jQuery.skitterがcubeHideだけ動作しないんだけど、どう追っていったらいいでしょうか…
設置はマニュアル通りにしていて、変わったことはしていません

jqueryのaccordionで複数のイベントをセットするにはどのように書けば良いでしょうか？
$( ".selector" ).accordion( "option", "event", 'mouseover' );
マウスを速く動かしすぎるとmouseoverが反応してくれないときがあるので、mouseoverとclickを同時に設定したいのですが。

jquery プラグインで、
　○自動再生するスライドショー
　○画像に対して、hover イベントで再生を一時停止できる
　○左右の方向ボタンで再生方向をコントロールできる
ものを探してます。

動き的には、

ttp://logicbox.net/jquery/simplyscroll/

がベストなんですが、このプラグインは、自動再生モードでは、
方向をコントロールするボタンを表示できないんです。

上記の条件に合致するものを、誰かご存知ないですか？