私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレJavaScript ライブラリ総合質問所 vol.4
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
>>299
文字列操作で構築していくのではなく、DOMというので構築していくんだ
たとえば…<b><p></p></b>は4つの要素があるんじゃなくて、bの要素の子がpの要素と考えるみたいな…わかるかな?
で、やりたいことは.wrap()/.wrapAll()/.wrapInner() あたりかな? 調べてみて
文字列操作で構築していくのではなく、DOMというので構築していくんだ
たとえば…<b><p></p></b>は4つの要素があるんじゃなくて、bの要素の子がpの要素と考えるみたいな…わかるかな?
で、やりたいことは.wrap()/.wrapAll()/.wrapInner() あたりかな? 調べてみて
http://oshiete.goo.ne.jp/qa/3006397.html
このサイトのベストアンサーのソースのフォーム部分
input type="radio"を type="sabmit"に変えたら変更しなくなる。
いや、変更してるっちゃしてるんだけど、一瞬で元に戻る。
これをボタンを押さないかぎり戻らないようにするにはどうしたらいいでしょうか?
このサイトのベストアンサーのソースのフォーム部分
input type="radio"を type="sabmit"に変えたら変更しなくなる。
いや、変更してるっちゃしてるんだけど、一瞬で元に戻る。
これをボタンを押さないかぎり戻らないようにするにはどうしたらいいでしょうか?
ベストアンサーのコードがベストアンサーに見えないなw
こうやって質の低いコードを参考にして
平均的なレベルが低くなるのはどうしたらいいのか。
こうやって質の低いコードを参考にして
平均的なレベルが低くなるのはどうしたらいいのか。
jqmobiを使ったサイトについてなのですが、
アンドロイドでスクロールした際に慣性が働き変な所で急に止まります。
この機能をオフにしたいのですがどのようにしたらいいですか。
アンドロイドでスクロールした際に慣性が働き変な所で急に止まります。
この機能をオフにしたいのですがどのようにしたらいいですか。
ちょっと質問させてください。
以下のサイトの一番の下のサンプルを使ってアコーディオン・メニューを作ってます。
http://tokidoki-web.com/2013/03/%e3%80%8ejquery%e3%81%a7%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3%e3%82%92%e8%80%83%e6%85%ae%e3%81%97%e3%81%9f%ef%bc%92%e6%ae%b5%e9%9a%8e%e5%b1%a4%e5%bc%8f%e3%82%a2%e3%82%b3/
で、質問なんですが、アコーデオンを展開して、他ページに進んだ後、
「戻る」ボタンで戻ったとき、アコーディオンがすべて閉じてしまってる。
戻ったとき、直前の状態を再現するには、どうしたらよいでしょうか?
ちなみに、javasrciptは初心者以下のスキルです。
以下のサイトの一番の下のサンプルを使ってアコーディオン・メニューを作ってます。
http://tokidoki-web.com/2013/03/%e3%80%8ejquery%e3%81%a7%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3%e3%82%92%e8%80%83%e6%85%ae%e3%81%97%e3%81%9f%ef%bc%92%e6%ae%b5%e9%9a%8e%e5%b1%a4%e5%bc%8f%e3%82%a2%e3%82%b3/
で、質問なんですが、アコーデオンを展開して、他ページに進んだ後、
「戻る」ボタンで戻ったとき、アコーディオンがすべて閉じてしまってる。
戻ったとき、直前の状態を再現するには、どうしたらよいでしょうか?
ちなみに、javasrciptは初心者以下のスキルです。
まだアコーディオンの話が続いてるのかw
>>290で文書構造としては適切ではないといったが、
実はチェックボックスで作っていれば戻るで戻った時状態が
保存されている(事が多い)というメリットが有るんだよな。
”事が多い” っていうのは、戻るを押した時にフォームの値が
前の状態になっているかはブラウザによって挙動が違うので。
クッキー・セッションを使う方法もあるが余計なデータが増えるのと
戻る以外でページを表示した時も状態が保存されてるという問題がある
(これがいいか悪いかは別として)
チェックボックスを使わないとして戻るを押した時だけ戻すには
隠しinputにでも開閉状態をシリアライズしておくといいのかな?
しかし隠しinputを状態保存のためだけに文書構造的に気持ち悪い。
そもそも開閉状態をURLに入れるべきか。
方法はHistory APIもしくはhashbang
>>290で文書構造としては適切ではないといったが、
実はチェックボックスで作っていれば戻るで戻った時状態が
保存されている(事が多い)というメリットが有るんだよな。
”事が多い” っていうのは、戻るを押した時にフォームの値が
前の状態になっているかはブラウザによって挙動が違うので。
クッキー・セッションを使う方法もあるが余計なデータが増えるのと
戻る以外でページを表示した時も状態が保存されてるという問題がある
(これがいいか悪いかは別として)
チェックボックスを使わないとして戻るを押した時だけ戻すには
隠しinputにでも開閉状態をシリアライズしておくといいのかな?
しかし隠しinputを状態保存のためだけに文書構造的に気持ち悪い。
そもそも開閉状態をURLに入れるべきか。
方法はHistory APIもしくはhashbang
>>304
submitだろ
submitだろ
そんな事はどうでもいいから、
jQueryでphpのstrip_tag()と同じことができる
方法を考えて
jQueryでphpのstrip_tag()と同じことができる
方法を考えて
javascript板から誘導されて来ました。
【環境】IE10以降・Firefox・Chrome・スマートフォン
【ライブラリ】Bootstrap + jQuery
【何をしたのか】appendで追加してもbootstrapの機能が動かない
【エラーメッセージ】特になし
【期待する結果】bootstrapの機能を含むものをappendで追加しても機能するようにしたい
【サンプルコード】
bootstrapとjQueryでサイトを作っています。
画像ファイルが追加されたら自動的に追加されるようにアクションがあったら以下のコードが動くようにしています。
$("#image-box").append(url);
<div id="image-box"></div>にどんどん画像が追加されていく仕組みです。
urlには画像のアドレスとbootstrapの機能であるtooltipの属性などが記載されています。
例:<img src="sample.jpg" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
しかし画像は表示されますがtooltipが表示されません。
例で表示されているものをappendではなく最初から表示した場合はtooltipが表示されるのでコードに間違いがあるわけではないようです。
appendで追加した場合はjavascriptなどの機能は動かない場合があるのでしょうか?
【環境】IE10以降・Firefox・Chrome・スマートフォン
【ライブラリ】Bootstrap + jQuery
【何をしたのか】appendで追加してもbootstrapの機能が動かない
【エラーメッセージ】特になし
【期待する結果】bootstrapの機能を含むものをappendで追加しても機能するようにしたい
【サンプルコード】
bootstrapとjQueryでサイトを作っています。
画像ファイルが追加されたら自動的に追加されるようにアクションがあったら以下のコードが動くようにしています。
$("#image-box").append(url);
<div id="image-box"></div>にどんどん画像が追加されていく仕組みです。
urlには画像のアドレスとbootstrapの機能であるtooltipの属性などが記載されています。
例:<img src="sample.jpg" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
しかし画像は表示されますがtooltipが表示されません。
例で表示されているものをappendではなく最初から表示した場合はtooltipが表示されるのでコードに間違いがあるわけではないようです。
appendで追加した場合はjavascriptなどの機能は動かない場合があるのでしょうか?
jqmobiを使ったサイトについてなのですが、
アンドロイドでスクロールした際に慣性が働き変な所で急に止まります。
この機能をオフにしたいのですがお前らにはわからんだろうな。
アンドロイドでスクロールした際に慣性が働き変な所で急に止まります。
この機能をオフにしたいのですがお前らにはわからんだろうな。
>>314
本スレの方でレスしておきました。
http://peace.2ch.net/test/read.cgi/hp/1409325796/
ところでjavascript板ってどこ?w
誘導元を検索したけどここしか見つからなった。
本スレの方でレスしておきました。
http://peace.2ch.net/test/read.cgi/hp/1409325796/
ところでjavascript板ってどこ?w
誘導元を検索したけどここしか見つからなった。
jQスレでこちらが誘導されてまして、どなたかお願いします。
【環境】 IE9, Fox31
【ライブラリ】 jQuery 1.11.1
【何をしたのか】動的要素の読み込み後、on("ready")または記述時点実行
【エラーメッセージ】特になく、目的処理が反応しないだけ
【期待する結果】動的要素の下位要素のcss変更(addClass等)
【サンプルコード】下記参照
動的要素をイベントではなく読み込み終了後1度だけメソッドとして
実行したいのですがうまくいきません。やっていることは
(1)空divにloadで読み込ませ、ここまでは画面表示もCSSも意図通り。
<div id="box"></div> ← $("#box").load("abc.html");
(abc.htmlは単体でも開けるul/liやpなど単純な内容)
(2)これを本来このようにしたいのですがこれだと動的要素を認識しないので
$("#box_中の要素").css(やりたい処理);
(3)delegate的イベントに。それでも中の要素は反応せず。loadでも同様。
$("#box").on("ready","中の要素",function(){ (やりたい処理) });
(4)ちなみに一般的方法(?)でイベントを起こしてやると中の要素は意図通り処理されます。
またtriggerでこのイベントを起こしても処理されます。
$("#box").on("click","中の要素",function(){ (やりたい処理) });
そのページを読み込み後、jQの処理が進んで、clickなどせずにその記述の時点で
”やりたい処理”を行うにはどうしたらいいでしょうか?そもそも可能でしょうか?
最悪bodyにmouseoverで拾う手も考えましたが重くなるのは避けたいです。
よろしくお願いします。
【環境】 IE9, Fox31
【ライブラリ】 jQuery 1.11.1
【何をしたのか】動的要素の読み込み後、on("ready")または記述時点実行
【エラーメッセージ】特になく、目的処理が反応しないだけ
【期待する結果】動的要素の下位要素のcss変更(addClass等)
【サンプルコード】下記参照
動的要素をイベントではなく読み込み終了後1度だけメソッドとして
実行したいのですがうまくいきません。やっていることは
(1)空divにloadで読み込ませ、ここまでは画面表示もCSSも意図通り。
<div id="box"></div> ← $("#box").load("abc.html");
(abc.htmlは単体でも開けるul/liやpなど単純な内容)
(2)これを本来このようにしたいのですがこれだと動的要素を認識しないので
$("#box_中の要素").css(やりたい処理);
(3)delegate的イベントに。それでも中の要素は反応せず。loadでも同様。
$("#box").on("ready","中の要素",function(){ (やりたい処理) });
(4)ちなみに一般的方法(?)でイベントを起こしてやると中の要素は意図通り処理されます。
またtriggerでこのイベントを起こしても処理されます。
$("#box").on("click","中の要素",function(){ (やりたい処理) });
そのページを読み込み後、jQの処理が進んで、clickなどせずにその記述の時点で
”やりたい処理”を行うにはどうしたらいいでしょうか?そもそも可能でしょうか?
最悪bodyにmouseoverで拾う手も考えましたが重くなるのは避けたいです。
よろしくお願いします。
>>318
それくらいの内容になるなら
ちゃんとjQueryも全ての記述をここに出した方がいいんじゃないか?
全然関係ないトコでミスってる可能性もあるし。
もしくは、単純化したコードにしてみて、それを出すとか。
それくらいの内容になるなら
ちゃんとjQueryも全ての記述をここに出した方がいいんじゃないか?
全然関係ないトコでミスってる可能性もあるし。
もしくは、単純化したコードにしてみて、それを出すとか。
>>319
レスありがとうございます。その形は試してないですがそれに書き換えるとかなり煩雑になりそうで
loadの行はなるべくその1行で済ませたいです。というのは実際はもっと複雑でして
div#boxは複数あり、abc.htmlも複数のdivがidで割り振ってあり、
$("#box div").each(function(){
//あれこれ、あれこれ、あれこれ x算出;
$(this).load("abc.html div#" + x);
});
という感じで更にUIがからんでたりでこの辺はあまり手をつけたくないという気持ちです。
その後またあれこれやってreadyやloadを試みてるのですがそこでできるとありがたいです。
レスありがとうございます。その形は試してないですがそれに書き換えるとかなり煩雑になりそうで
loadの行はなるべくその1行で済ませたいです。というのは実際はもっと複雑でして
div#boxは複数あり、abc.htmlも複数のdivがidで割り振ってあり、
$("#box div").each(function(){
//あれこれ、あれこれ、あれこれ x算出;
$(this).load("abc.html div#" + x);
});
という感じで更にUIがからんでたりでこの辺はあまり手をつけたくないという気持ちです。
その後またあれこれやってreadyやloadを試みてるのですがそこでできるとありがたいです。
>>320
レスありがとうございます。
ということはon("ready")などで通常はできるということでしょうか?
全て記述は荒らしに間違えられそうなので遠慮しておきます。
単純化は大変ですが検討してみます。
レスありがとうございます。
ということはon("ready")などで通常はできるということでしょうか?
全て記述は荒らしに間違えられそうなので遠慮しておきます。
単純化は大変ですが検討してみます。
>>314
お礼は?
お礼は?
>>318
ここは技術力が低いから参考にならないよ
こっちが本筋。
+ JavaScript の質問用スレッド vol.119 +
http://peace.2ch.net/test/read.cgi/hp/1409325796/
ここは技術力が低いから参考にならないよ
こっちが本筋。
+ JavaScript の質問用スレッド vol.119 +
http://peace.2ch.net/test/read.cgi/hp/1409325796/
>>324
仕様書を読めない思い込みの激しい人が粘着してくるからお勧めしない
仕様書を読めない思い込みの激しい人が粘着してくるからお勧めしない
>>321
load() は非同期だから普通は callback で受ける
callback が嫌なら Deferred や Promise を使うしかない
http://api.jquery.com/category/deferred-object/
http://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise
load() は非同期だから普通は callback で受ける
callback が嫌なら Deferred や Promise を使うしかない
http://api.jquery.com/category/deferred-object/
http://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise
何を使っても結局は function で受けるんだから callback 内に別の場所にある function を call して変わらないんじゃないか、とよく思う
書き方の問題だよな
書き方の問題だよな
>>321
> その後またあれこれやってreadyやloadを試みてるのですがそこでできるとありがたいです。
その考えが間違いだな。
正しい方法でやらないから、あれこれやる羽目になってるんだよ。
正しい方法といえば、そもそもcssメソッドを使うことは
多くの場合、間違った方法なんだが、早いうちに正しい方法を学ばないと
どんどんこんがらがるぞ。もう手遅れみたいだけど。
あなたが何故手遅れになった(他の方法をやりたくないと思っているか)というと
正しい方法を知らないで間違ったことをしているからだよ。
> その後またあれこれやってreadyやloadを試みてるのですがそこでできるとありがたいです。
その考えが間違いだな。
正しい方法でやらないから、あれこれやる羽目になってるんだよ。
正しい方法といえば、そもそもcssメソッドを使うことは
多くの場合、間違った方法なんだが、早いうちに正しい方法を学ばないと
どんどんこんがらがるぞ。もう手遅れみたいだけど。
あなたが何故手遅れになった(他の方法をやりたくないと思っているか)というと
正しい方法を知らないで間違ったことをしているからだよ。
auのページで見かけたんですが
var pl = pl || {};
は多用されますか?
これはどういう風に解釈すればいいんでしょうか。
head内のscriptは以下でした
<script type="text/javascript">
var pl = pl || {};
pl.jq = pl.jq || jQuery.noConflict(true);
pl.jq("#btn_close").on("click", function ()
{
pl.jq("#hdn_btn_close").click();
return false;
});
</script>
var pl = pl || {};
は多用されますか?
これはどういう風に解釈すればいいんでしょうか。
head内のscriptは以下でした
<script type="text/javascript">
var pl = pl || {};
pl.jq = pl.jq || jQuery.noConflict(true);
pl.jq("#btn_close").on("click", function ()
{
pl.jq("#hdn_btn_close").click();
return false;
});
</script>
>>332
||演算子の短絡評価を応用した省略記法です。
左がtrueだったら左を採用、そうでなければ右を採用ということです。
ワンライナーでも使われる言語では多用されていますが
jsではそれほどでもないと思います。
||演算子の短絡評価を応用した省略記法です。
左がtrueだったら左を採用、そうでなければ右を採用ということです。
ワンライナーでも使われる言語では多用されていますが
jsではそれほどでもないと思います。
>>340
おめぇ、センスねぇなぁw
おめぇ、センスねぇなぁw
>>342はわかりやすい偽物だなw
>>342
だから本スレに行けって言ったのに・・・。
だから本スレに行けって言ったのに・・・。
>>344
本スレも偽者が出ているから変わらん
本スレも偽者が出ているから変わらん
>>346
図星だったかw
図星だったかw
jQueryのテンプレートプラグイン、「jquery-tmpl」って使ってるサイトあまりみないね。
SEO考えなくて良いのであればとても便利そうなんだが
SEO考えなくて良いのであればとても便利そうなんだが
>>348
JS強制する時点でSEOは全く考慮されてないじゃない(Node,js を使うなら別だけど)
JS強制する時点でSEOは全く考慮されてないじゃない(Node,js を使うなら別だけど)
>>343
↑こういうやつってひねくれた記述すんだろな
↑こういうやつってひねくれた記述すんだろな
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
みんなの評価 : 類似してるかもしれないスレッド
- JavaScript ライブラリ総合質問所 vol.5 (344) - [97%] - 2022/3/14 17:45
- jQuery ライブラリ 総合質問所 vol.4 (986) - [78%] - 2016/1/12 15:15
- 【jQuery】JavaScript ライブラリ総合質問所 vol.3 (1001) - [75%] - 2014/6/18 20:58 △
- 【jQuery】JavaScript ライブラリ総合質問所 vol.2 (986) - [75%] - 2013/5/20 7:00
- 【jQuery】JavaScript ライブラリ総合質問所 vol.1 (983) - [75%] - 2012/10/8 22:30
- [JavaScript]プログラム作成します (981) - [37%] - 2010/12/8 21:02
トップメニューへ / →のくす牧場書庫について