のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,646,168人
昨日:no data人
今日:
最近の注目
人気の最安値情報

私的良スレ書庫

不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

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

JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
レスフィルター : (試験中)
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
901 : Name_Not - 2015/11/28(土) 15:02:11.95 ID:???.net (+100,+29,-179)
>>900
イベントの順番ではなくて、CSSの適用の方が速いので(正確にはブラウザによって違うと思うが)
フォーカスが外れたらすぐにレイアウトに反映される。CSSを使っている以上無理だろう。

だから全部JavaScriptに統一すればいい。

1. フォーカスイベントが発生した要素に適当なクラスをつける。
2. フォーカスアウトが発生した時にそのクラスを外す。
3. フォーカスアウトですぐにクラスを外して問題になるのなら、
setTmeoutを使って僅かに遅延させればいい。

jQueryを使わなくてもJavaScriptだけでできる。jQueryは
この処理を簡単に記述(おそらく10行以内)できるようにするだけ。
902 : Name_Not - 2015/11/28(土) 16:42:19.16 ID:???.net (+68,+28,+0)
>>901
ありがとうございます、よく分かりました!
903 : 901 - 2015/11/28(土) 21:10:37.21 ID:???.net (+57,+30,-87)
うーむ。やってみたけどこれだめだな。
遅延を大きくすれば可能だけど、少し遅延させただけだと
クリックイベントが発生しない。マシンスペックなどによるだろう。

これは他の要素がフォーカスを取った時に、
前にフォーカスがあった所(というか他全部)の
クラスを外したほうが良さそうだ。

想定外の所に飛んだ時とか考える必要があったら
面倒なことになりそうだな。
904 : Name_Not - 2015/11/28(土) 22:47:18.54 ID:S2cmq6vN.net (-12,+29,-22)
>>903
同じ結果になりました…。
submitを影響の受けない横の位置にfixすることにしました……。
どうもありがとうです。
905 : Name_Not - 2015/11/28(土) 22:51:41.29 ID:???.net (+63,+30,-64)
あぁ、そうしたw

そうれで行けるならそっちのほうがいいよ。
別に他にやり方が無いわけじゃない。

クリックした時にクラスを外せばいい。
だけどクリック以外にもクラスを外すタイミングがあるだろう。
例えば他のinputとか。

本格的にやるやり方だと、意外と考える必要があって面倒。
手を抜いていいなら楽。画面構成によって変わるだろうから
これ以上やるなら、もう少し情報が必要だなぁと思った次第。
906 : Name_Not - 2015/12/10(木) 00:09:41.12 ID:???.net (-1,-29,-43)
twitterやFacebookのシェアボタンをJQuery UI Dialogの上に
置いたら表示出来ないのだけれど、原因分かる人いますか?
907 : Name_Not - 2015/12/10(木) 03:19:51.12 ID:???.net (+30,+12,+0)
いません!
908 : Name_Not - 2015/12/13(日) 22:53:59.00 ID:???.net (+3,-29,-61)
jquery ui のdraggableで長方形などはデモでありますが、
任意のアイコン画像をdrag移動させたいのですが、
画像の周囲は透明にした状態でできますか?
例えば●のマークのアイコンなら丸の黒い部分以外の周囲を透過にしたいのですが。
909 : Name_Not - 2015/12/13(日) 22:56:31.15 ID:???.net (+35,-26,-32)
アイコンを透過PNGにすればいいと思うよ!
910 : Name_Not - 2015/12/13(日) 23:14:48.17 ID:???.net (+122,+29,-3)
>>909
試してみたのですが、透過にならないんですよね。おかしいなあ。
911 : Name_Not - 2015/12/14(月) 02:37:29.15 ID:???.net (+34,-27,-15)
jQueryつーか、CSS初心者スレでレベルの内容だYO
912 : 名無しさん@そう - 2015/12/14(月) 13:46:58.22 ID:???.net (+98,+29,-1)
>>911
知らないならレスしなくていいよ
913 : 名無しさん@そう - 2015/12/14(月) 14:13:47.54 ID:???.net (+70,+29,-48)
>>910
うーんそれなら原因は分からないなあ。
再現ページのURLを貼ってくれれば答えられると思うよ!
914 : Name_Not - 2015/12/14(月) 20:14:58.53 ID:???.net (+58,+13,-5)
>>910
その画像どっかのロダにアップして
915 : Name_Not - 2015/12/14(月) 23:53:45.03 ID:???.net (+76,+29,-59)
>>912
あ?じゃあエスパーしてやるよ。
その画像の親要素の背景の色を解除すればいい。
ほらCSSの内容だろ。

ローカル環境でそのpngだけを表示して透過しているなら間違いなくこのエスパーは当たりだ
916 : Name_Not - 2015/12/16(水) 07:18:14.29 ID:???.net (+42,-30,-112)
タグ以外の部分(本文)の全角と半角のスペースをjqueryで置き換えたいのですが、全角なら
$(this).html(txt.replace(/ /g,'●'));
で全角スペースが●に置き換わるのですが、半角だとタグ中のスペース(<a href...>のaとhの間のスペースなど)まで置き換えられてしまいます。
半角はどのようにしたら上手く変換できるでしょうか。
917 : Name_Not - 2015/12/16(水) 07:23:09.72 ID:???.net (+61,+28,-27)
>>916
正規表現でやればいいんじゃあないの?
918 : Name_Not - 2015/12/16(水) 09:25:00.43 ID:???.net (+0,-28,-75)
jQueryはDOMのライブラリなのだから
DOM以外にjQueryを使うのは間違い。
919 : Name_Not - 2015/12/16(水) 13:43:50.69 ID:???.net (+37,-29,-58)
画面上のある<div>内の領域の(x,y)の座標(ピクセル値で)に、
十字のカーソルを描きたいのですが、最もお手軽な方法を教えて下さい。
何が起こってもその十字のカーソルは画面上に表示され続けるようにしたいです。
十字のカーソルデータは画像ファイルで与えたいです。
920 : Name_Not - 2015/12/16(水) 15:40:37.72 ID:???.net (+91,+29,-28)
何が起こってもって具体的にどういうこと?
停電しても表示させたいの?
921 : Name_Not - 2015/12/17(木) 01:20:32.75 ID:???.net (+94,+29,-1)
>>919
CSSの話なんでそっちで聞いてください
922 : Name_Not - 2015/12/17(木) 12:01:40.83 ID:???.net (+99,+29,-1)
>>921
お前は仕切り屋か
923 : Name_Not - 2015/12/17(木) 21:15:05.91 ID:???.net (+71,+29,-4)
>>922
はい。給料もらって仕切ってるプロですよ。
924 : Name_Not - 2015/12/18(金) 02:18:13.76 ID:???.net (+70,+29,-4)
>>920
はい。地震や災害にも強いカーソルを目指いしたいです。
925 : Name_Not - 2015/12/18(金) 02:31:23.63 ID:???.net (+8,-30,-60)
>>916
やってみたけどタグ内は置換されてなかったぞ。
気になるなら.text()でやったら?

$('a').each(function(){
var txt = $(this).text();
$(this).text(
txt.replace(/ /g,'●')
);
});
926 : Name_Not - 2015/12/18(金) 11:00:39.30 ID:???.net (+42,-29,-89)
jQueryUIのdraggableを使って、ごく普通に長方形なdivを配置した場合、
マウスのドラッグで移動できるのは良いのですが、そのdivの上でmousewheelを
回した時には、そのイベントは無視してその下にあるウインドウに投げたいのですが
どうやれば良いですか?
927 : Name_Not - 2015/12/21(月) 20:40:07.62 ID:???.net (+0,+28,-20)
>>926 その下にあるウインドウに投げたい
とは?
928 : Name_Not - 2015/12/21(月) 21:46:35.49 ID:???.net (+0,+0,+0)
>>927
AAにするとこんな感じ

 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄」
―――――――――――――‐┬┘
                        |
       ____.____    | .__  いらないPCを
     |        |        |   | |\_\  窓から
     |        | ∧_∧ |   | |  |.◎.| 投げ捨てろ
     |        |( ´∀`)つ ミ | |  |.: |
     |        |/ ⊃  ノ |   | .\|.≡.|
        ̄ ̄ ̄ ̄' ̄ ̄ ̄ ̄    |    ̄
  .                   |        |||
    .                 |      _| | |_
      .               |      |\_\
       ____.____    |      |  |.◎.|
     |        | オッ!!   |   |      |  |.: |
     |        | ∧_∧ |   |      .\|.≡.|
     |        |( ・∀・) |   |           ̄
     |        |/ ⊃━⊃━━━━┫          ┃
        ̄ ̄ ̄ ̄' ̄ ̄ ̄ ̄    |    ┃          ┃
                        |    ┗━━━━━┛
                        |
――丶ヽ〃――――――――― ~~~~~~~~~~~~~~~~~~~~~~
929 : Name_Not - 2015/12/21(月) 22:55:59.28 ID:???.net (+57,+29,-34)
つまり投げる側は2階以上の住居に住んでいるというのが条件になってくるな
930 : Name_Not - 2015/12/21(月) 22:58:30.93 ID:???.net (+57,+29,-2)
解決したらお礼ぐらい言ってほしいもんだ
931 : Name_Not - 2015/12/21(月) 23:16:44.89 ID:???.net (-1,-19,-1)
お礼は30行で
932 : Name_Not - 2015/12/21(月) 23:53:25.25 ID:???.net (+52,+29,-13)
できれば縦読みで
933 : Name_Not - 2015/12/22(火) 00:22:14.48 ID:???.net (+0,+20,-1)
>>927
例えばスクーロールするとかだろうな
934 : Name_Not - 2015/12/22(火) 01:29:25.36 ID:???.net (+85,+29,-88)
スクロールスクロールスクロールスクロールスクロールスクロール
スークーロールスークーロールスークーロールスークーロール
スクーロールスクーロールスクーロールスクーロールスクーロール
スクーロースクーロースクーロースクーロースクーロースクーロー
935 : Name_Not - 2015/12/22(火) 01:44:55.90 ID:???.net (+56,+21,-1)
>>934
アホですか?
936 : Name_Not - 2015/12/22(火) 23:27:04.55 ID:???.net (+12,-30,-80)
質問
.each()等で取得してきた値を1箇所にまとめて出力するのってどうやりますっけ?
↓hrefの値を取得し#hにテキストで出力したい

<div class="hoge">
<p><a href="#a">#a</a></p><span>hoge</span>
</div>
<div class="hoge">
<p><a href="#b">#b</a></p><span>hoge</span>
</div>

<p id="h"></p>
937 : Name_Not - 2015/12/22(火) 23:47:37.01 ID:pBUWf4Ut.net (+16,+23,-15)
出力結果のイメージを書け
938 : Name_Not - 2015/12/22(火) 23:48:19.45 ID:pBUWf4Ut.net (+61,+29,-9)
あと「どうやりますっけ?」じゃねえよアホ
知ってたけど忘れましたみたいな言い方すんな
939 : Name_Not - 2015/12/22(火) 23:53:52.23 ID:???.net (+34,-30,-13)
>>936
$("#h").html($("a").map(function() {
return this.href;
}).get().join("<br>"));
940 : 936 - 2015/12/23(水) 00:12:13.75 ID:???.net (+65,+29,-2)
>>938
すいませんすいませんすいません

>>939
うおすげ簡潔。
ありがとうございます!!!!!
941 : Name_Not - 2015/12/23(水) 00:15:06.76 ID:???.net (+32,-29,-33)
(jQueryプラグインを作る時以外)eachを使ったら負けだと思え
942 : Name_Not - 2015/12/23(水) 00:20:00.05 ID:???.net (+98,+29,-7)
>>941
それはなぜですか?
便利なのでよく使ってしまうんですが
943 : Name_Not - 2015/12/23(水) 00:24:56.28 ID:???.net (-2,-30,-19)
ちなみに最新ブラウザのアロー関数を使ったらこうな

$("#h").html($("a").map((i, e) => e.href).get().join("<br>"));
944 : Name_Not - 2015/12/23(水) 00:33:35.58 ID:???.net (+112,+29,-212)
>>942
jQueryは、要素を一つづつ操作するライブラリではなく、
「CSSセレクタにマッチした0個以上の要素の塊」に対して操作するライブラリだから。
jQueryが関数型風ライブラリと言われる理由の一つでも有る。

eachを使うと要素を一つづつ操作することになる。
それはjQueryの本来の考え方に合っていない。

これはCSSの考え方にも適合している。
CSSはセレクタにマッチした要素に対して装飾を行うもの。
1つずつ操作をするという手続き型的なやり方はしない。

jQueryプラグインが例外なのは、そもそもプラグインというのは
素のJavaScriptを使ってjQuery風なメソッドを作るものだから仕方がない。
945 : Name_Not - 2015/12/23(水) 01:19:03.09 ID:???.net (+78,+30,-102)
>>944
なるほどjQueryの考え方からすると本筋ではないということですか
本筋から逸れたやり方をすることで
処理速度やコードの可読性が低下したりといった実害はありますか?

また、セレクタでピックアップした要素のひとつひとつに
操作を施したい場合、よりよい方法とはどんなものでしょう?
946 : Name_Not - 2015/12/23(水) 01:23:57.95 ID:???.net (+96,+29,-91)
> 処理速度やコードの可読性が低下したりといった実害はありますか?

「うおすげ簡潔」が答えだろう。jQueryのやり方だと簡潔になる。

> また、セレクタでピックアップした要素のひとつひとつに
> 操作を施したい場合、よりよい方法とはどんなものでしょう?
eachを使わない。
947 : Name_Not - 2015/12/23(水) 01:36:17.89 ID:???.net (+62,+29,-47)
実害はないということですか
それどころか簡潔な記述にできると

eachを使わない場合forループをまわすか
そもそもループを必要としない処理方法を考えるかですね
(上のmapの例のように)

しかし私の理解不足もあるのかもしれませんが
今後も気軽にeachを使いつづけてしまいそうな気がします・・・
948 : Name_Not - 2015/12/23(水) 01:39:19.31 ID:???.net (+70,+29,-27)
すみません、書き込んだあとに気が付きましたが
>>946を読み誤って逆の解釈をしてました

よろしければeachを使わない簡潔な記述の例を教えてください
949 : Name_Not - 2015/12/23(水) 01:47:38.08 ID:???.net (+31,-30,-22)
eachを使わなけれいいだけだろう。
例?

$('a').hide()

はい。おしまい
950 : Name_Not - 2015/12/23(水) 02:03:11.22 ID:???.net (+62,+29,-12)
俺も気にせずふつうに使ってるがダメなのか?
>>949は参考にならんし・・・
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

類似してるかもしれないスレッド


トップメニューへ / →のくす牧場書庫について