元スレjQuery ライブラリ総合質問所 vol.4

JavaScript覧 / PC版 /

みんなの評価 :

前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ

/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで

152 = :

あ、もっとごめん

ナノ秒って書いていたｗ
正しくはマイクロ秒だｗ
ミリ秒の1000分の1
0.000 001秒

なにかおかしいと思ったんだよｗ
なんでだろ。上の書き込みに引きずられてしまったか。

154 = :

> $('_')を使用する際は変数に入れてなどと書かれてるね
聞いたことないけど？

どこの話？

155 = :

> 速度云々ではなくて数回使うなら変数に入れるのはセオリーではないかな
> 関係ないがプログラミングの世界はそれが一般的

数回程度ならメソッドチェーン使えばいいので必要ないでしょ。
あんたのいうセオリーはメソッドチェーンが出来ない場合の話だろうし。

そもそも「一般的」の一言じゃなんの説得力もないよ。
具体的なコードでも書いて説明してくれなきゃ。

156 = :

>>154
いくらでもあるしググれば出てくるぞ
晒すと迷惑になるからあえて出さないが
（そういうサイトには感謝しているので）

158 :

こんにちは、質問です。
日本地図のエリア情報を表示できるライブラリを探しているのですが、ご存知の方はいらっしゃいますか？
具体的には、最初は日本地図で各エリア（関東、近畿、四国など）をクリックすると
そのエリアの各都道府県が表示されるようなものです。

イメージとしてはこのサイトのようなものです
http://www.flashwork-s.com/map/map2/index.html

この参考サイトはFlashで作られているのですが、
JavaScriptでこれと似たようなことを出来るものはないでしょうか？
JapanMapというものは見つけましたが、これはエリアからその都道府県の表示が出来ませんでしたので、他のがあれば教えてくださいm(_ _)m

159 = 158 :

すみません、JavaScriptライブラリスレと間違えました
向こうへ再投稿致します
スレ汚し大変失礼しました

163 = :

>>161
ここはjQueryのスレだからなｗ

jQueryならこれでいいだろう。
$('section img').not('section div#except img')

ただ、IDは一個しか無いのが普通だから、これでいいはずだし、
$('section img').not('#except img')

exceptは普通幾つもありそうだからこっちのほうが良さそうだが
$('section img').not('.except img')

164 = :

移るなら移ると書けばいいのに
移動先も違うからもう知らん

165 = :

スマホのブラウザの「PC版サイトを閲覧」と同等機能を
1つのページ自体に持たせることは可能でしょうか？

PC版とスマホ（SP）版とでURLを分けておらず同一です
PC版だと広告が消えるので、スマホユーザーが上の項目にチェックを
入れてなくてもPC版として表示したいのです

.htaccess、php共にに対応してないのでライブラリやScriptで
できるとありがたいです

166 = :

button()で作ったボタン、マウスオーバーで色が変わるんですが、
クリックした後別の要素をクリックしないと色が元に戻りません

blur()でフォーカスを外せるそうなのでやってみたんですが、変わらずです（何か勘違いあったらすみません）

この設定を変えるにはどうしたらいいでしょうか

167 = :

>>166
はぁ？

CSSでやればいいじゃん。

<style>button:hover {color: red}</style>
<button>btn</button>

おわり

168 = :

>>167
説明不足でした。すみません
↓の画像の「スタート」がマウスオーバー時の状態で、「リセット」がそうでない時の状態です。

/nox/remoteimages/af/40/5c4f18c4c3c24980dbeb47c9da6f.png

どうやらblur()はちゃんと効いていたんですが、「スタート」のクリックイベントで実行する関数内で
「スタート」をprop('disabled', true')するとマウスオーバーをやめても状態が残ってしまうようです。
これを改善したいのです

169 = :

>>168
だからCSSでやればいいじゃん

170 = :

>>169

>>166は忘れて下さい
>>168での「状態が残ってしまう」は、disabledをfalseに戻して再度マウスオーバーしないと青のままということです

↑がCSSでやればいいじゃんでしたらどのように書けばいいでしょうか

171 = :

>>167のコード書いた？

JQueryで書いた努力は無駄だったということで要りません。

マウスオーバーで色を変える処理はCSSだけでできます。

172 = :

>>171
書きましたがやりたいことはできませんでした

$('#start').button();
$('#reset').button();
$('#start').click(function(){
メソッド1() ← この中で$('#start').prop('disabled', true).addClass('disabled');
this.blur();
});
$('#reset').click(function(){
メソッド2() ← この中で$('#start').prop('disabled', false).removeClass('disabled');
this.blur();
});

↑のように書いた時、
スタートを押す→スタートがホバー状態（青）でdisabledに→リセットでdisabled解除→スタート青のまま（マウスオーバーして離すと灰色に戻る）

という動作をするので、スタートがdisabledになる時、またはリセットでdisabled解除した時にスタートには灰色になっていてほしいのです

173 = :

>>172
ホバーって用語をググったほうがいいよ。
根本的にな所を間違ってるから。

174 = :

>>172
お前がやりたい事はこれだろ？
ホバーで色なんか変えてないが、お前がやりたい事はこれだろ？

http://jsfiddle.net/xexst8px/

175 = :

>>172
その文章意味がわからんが、もう少し頑張って解析してみたよ。
これであってるだろ？

http://jsfiddle.net/xexst8px/2/

176 = :

すみません。2つ質問があります。

①
#gnavで囲ったリストのaをマウスオーバーすると<span>で作った下線がついてくるというものを作りたいと思っています。下線は動くようになったのですが、
これをマウスオーバーしていない時やページを読み込んだ時には.current(現在位置)の位置に戻ってきて欲しいのです。

<script>
$('a','#gnav').mouseover(function(){
$('span','#gnav').animate({
'width': $(this).width(),
'left': $(this).position().left}
,'fast');
});

</script>

②
jQuery.Bottomというプラグインをつかって、ページの最下部までスクロールしたときに、次のhtmlを読み込んで欲しいのですが、html読み込みの仕方が分からず…
（01.htmlを最下部までスクロールしたら、続けて02.htmlを読み込むという感じ）

教えて頂きたいです。

177 = :

>>173-175
勉強になります
やりたかったことは>>175の方の動作でした。ありがとうございました

178 :

＞ページの最下部までスクロールしたときに、次のhtmlを読み込んで

こんなクソ不便でうっとうしいのやめた方がいい

179 = :

>>178
FacebookやTwitterで使われてる
無限スクロールのことだよ？
不便？？？

180 = :

>>179
あれ嫌いって人は一定数いる
どこまでスクロールしても終わらないのが嫌とか、
見たいときは自分でクリックするから余計なお世話とかでイライラするとか

181 = :

そりゃ、それぞれ考え方は違うんだから、
どんなものにも、嫌いな人は一定数いるだろ。

たった一人であっても一定数だからな。
具体的じゃないので、なんの参考にもならん。

182 = :

>>181
クソ不便って言ってる人にそれがわからんって言ってる人がいたから解説した
俺は有ろうが無かろうがどうでもいい派
まあ嫌な人もいるんならオンオフできればいいなとは思う
とりあえず質問に関してはプラグイン名でググってデモ参考にするのが早いんじゃない？

183 = :

>>179
>>178ではないが、Autopagerizeが不便な場合というのは「ページ読み込む場所の下にあるコンテンツを見たい場合」
フッタにあるリンクをクリックしたくて延々とスクロールして諦めた記憶がある
せめて実装するならオプション的な扱いにしてOn/Offできるようにしてほしい

185 = :

コードの書き方でjQueryがどうも好きになれなくて
触っとかなきゃと思いつつもスルーしてきましたが
最近になってjQueryはオワコンだという声が囁かれています
生理的に受け付けないものでなければビッグウェーブに乗りたいのですが
なんかjQueryに変わるものが出てきたのでしょうか？
lodashやasm.jsとかjsスレで名前はきくもののこれってjQueryの変わりというものではないですよね？

186 = :

Vitual DOMを使ったDOM操作をしないライブラリが増えてきた（React.js等）
DOM操作をしない代わり、サーバーサイドのようにテンプレートを使ってDOMを生成する。

jQueryやDOM APIがHTMLとJavaScriptを分離した上で、JavaScriptから
HTMLを書き換えていたのとは違い、JavaScriptの中にHTML出力コードが含まれるので、
document.write('<span>あいう</span>')をしているような感覚になるかもしれない。

HTMLで書く部分が減ってJavaScriptから出力することになるから、
ウェブアプリのような画面の大部分を動的に変更するような場合に適している。
ライブラリというよりもJavaScriptフレームワーク。

このVirtual DOMを使ったフレームワークが普及すると考える人達にとっては
jQueryがオワコンというよりも、DOM操作自体がオワコン。

もう一つは、Web Components（Shadow DOM）系。こっちはウェブサイトのような
静的なHTMLが多い場合に適している方法。既存のHTMLの中に一部分だけ高機能な要素を
埋め込むむためのカスタムタグを作れる。これはHTML5で将来標準化される予定の機能
この機能を使った汎用パーツ集がPolymer等

現時点でWeb Componentsに完全対応しているブラウザはないので、Polymerは
Web Componentsのエミュレートも行っている。

こっちはHTML+CSS+JavaScriptをまとめたコンポーネントを作るためのもので、
内部をどう実装するかは自由だが、その仕組み上どんなに複雑なものでも内部は隠蔽される。
複雑な部分が隠蔽されたあので残る部分は（利用者が書かなければいけない部分）はシンプルになる
だからそのコンポーネントを利用する時は、DOM APIもしくはそれ簡潔に記述できるjQueryで十分だろう。

Web ComponentsとVitual DOMを組み合わせても良いが現時点では重いだけだろう。（単体ですら重い）
一部の人がjQueryの次と騒いでいるだけでスマホレベルの低スペックまで考慮するならば、
現時点ではjQueryが一番バランスがとれている。

187 = :

すばらしい分析

188 = :

いつものポジショントークである

189 = :

>>179
Endキーが使えない
オプションがないのは糞

190 = :

>>189
> Endキーが使えない

普通に使えるが？

191 = :

>>190
それでページ末が出るか？

192 = :

>>191
でるぞ？

193 = :

>>190,192はわかってないから相手するだけムダ

194 = :

いや、わかってないのはお前だろｗ

まあ、わかってない奴とやりあっても
無駄なことには同意するがｗ

195 = :

負け惜しみプッ

196 = :

>>189がいってるのは>>183と同じ

197 = :

やはり不便なサイト作るやつはその不便さに気がついてないってことだな
テクニックにうぬぼれてユーザーサイドの使い勝手を忘れてしまう典型的ダメパターン

198 = :

>>186
詳しくありがとうございます
まだjQueryが強いということですね
VirtualDOMはAjaxの時のように
昔からあったが使われてなかったみたいな感じのものなんですかね
面白そうなのでちょっと見てみようと思います

199 = :

>>179
勝手にスクロールするから重い重い。
専ブラのように1-、最新50、全部などユーザーに選択肢を与えるほうが理想。

200 = :

手動でスクロールしたほうが重いだろｗ