【ジャストシステム】ネットショップオーナー

1 名前:> Name_Not_Found sage 投稿日:2016/11/01(火) 21:15:50.05 ID:???.net

JavaScriptで一番有名なDOM用関数型風ライブラリであるjQueryのスレです。
jQueryを使うとJavaScript単体では面倒な処理でもほんの数行で実現可能になります。

一部でもうjQueryは要らない等と言ってますが、あれはjQueryよりも導入が大変な
フレームワークを導入したらいらなくなるって話であって、従来通りHTMLにちょっと
動きをつけたい程度ならjQueryが最適です。

このスレはjQueryそのものの使い方やjQuery UIの使い方やjQueryプラグインの作り方を質問するスレです。
JavaScriptだと面倒だけどjQueryを使えばもっと簡単に書けませんか?というのもOKです。
ですが、jQueryを使って作る側のスレであって、こんなjQueryプラグインありませんか?と聞くスレではありません。
また野良jQueryプラグインの質問スレでもありません。そういうのは自分で探してください。
ろくにサポートもされてなさそうな野良jQueryプラグインの使用はおすすめしません。

前スレ
+ JavaScript & jQuery 質問用スレッド vol.6 + [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1465566635/

2 名前:> Name_Not_Found sage 投稿日:2016/11/01(火) 21:16:06.64 ID:???.net

・jQueryトップページ
http://jquery.com/

・ダウンロード、CDN
http://jquery.com/download/

・ブラウザサポート
http://jquery.com/browser-support/

・jQuery UI
http://jqueryui.com/

・jQuery UI ダウンロ-ド
http://jqueryui.com/download/

・リファレンス等
http://js.studio-kingdom.com/jquery/
http://alphasis.info/jquery/ (http://alphasis.info/jquery-api/)
http://www.jquerystudy.info/

3 名前:> Name_Not_Found sage 投稿日:2016/11/01(火) 21:16:30.88 ID:???.net

Q. jQueryはどのバージョンを使えばいいのですか?
A. IE9以上であれば、jQuery 3.0を使用してください。
IE8以下にも対応するならば、jQuery 1.12を使用してください。

補足

jQuery 1.9 までは一系統しかなく、古いブラウザも含めて全て対応していました。
その後、古いブラウザを切り捨てるためにバージョンを分岐させました。
古いブラウザにも対応した1系(1.10、1.11、12)と
古いブラウザを切り捨てた2系(2.0, 2.1, 2.2)です。

1系と2系は対応ブラウザの違いだけで機能は全く一緒です。
機能が同じなのにメジャーバージョンが違っているのが分かりにくい
ということでバージョン番号の付け方を変えることになり、
新たに古いブラウザを切り捨てたjQuery 3.0、そして古いブラウザにも対応した
jQuery Compat 3.0がリリースされる予定でした。

しかしマイクロソフトが古いIEのサポートポリシーを変更し
サポート中であるOSで動く、最新のIEしかサポートしなくなったために、
2016年1月でVista上のIE8のサポートが終了しました。

そのため予定されていたjQuery Compat 3.0がなくなり、
jQueryは3.0に一本化されました。

4 名前:> Name_Not_Found sage 投稿日:2016/11/01(火) 21:19:28.52 ID:???.net

jQuery 3.0正式版がついにリリース。通常版のほかに、Ajax機能を省略したスリムビルド版も提供
http://www.publickey1.jp/blog/16/jquery_30ajax.html

2006年1月にjQueryが初めて世の中に登場してから10周年となる今年。jQuery 3.0の正式版が登場しました。

jQuery 3.0 Final Released! | Official jQuery Blog
これまでjQueryは、、モダンブラウザのみをサポートすることで軽量化と安定化をはかった
「jQuery 2.x」系と、Internet Explorer 8以前を含む古いバージョンのブラウザまで
サポートする互換性重視の「jQuery 1.x」系の2系統が存在しました。

また、フル機能のjQuery 3.0のほかに、Ajaxの機能を省略して軽量化したスリムビルド版のjQuery 3.0の提供が行われます。

Along with the regular version of jQuery that includes the ajax and effects modules, we’re releasing a “slim” version that excludes these modules.

通常バージョンとしてAjaxやエフェクトモジュールなどを含んだjQueryと同時に、これらを外した“スリム”バージョンも提供する。
最近のWebアプリケーションではjQueryのAjaxを使うことは少なくなったと思われますので、スリム版のjQueryで十分だという開発者も多いでしょう。
圧縮後のサイズは通常版が30kbなのに対し、スリム版は23.6kb。

5 名前:> Name_Not_Found sage 投稿日:2016/11/04(金) 18:36:31.36 ID:???.net

それども23.6KBも必要なのな
もっと削れるんじゃない?

6 名前:> Name_Not_Found sage 投稿日:2016/11/04(金) 19:15:31.97 ID:???.net

現行スレ

+ JavaScript & jQuery 質問用スレッド vol.6 + [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1465566635/

7 名前:> Name_Not_Found 投稿日:2016/11/21(月) 22:53:25.96 ID:OQ9gQCwm.net

性能を決める関数で for-in を使うのはやめよう

for-in にも使い道はあるものの, for を使うべき場面でよく誤って使われている. for-in で列挙をする前に,
スクリプトエンジンは列挙可能なプロパティのリストを作って重複を弾かなければいけない.

スクリプト側が列挙するプロパティを知っていることはよくある. こうしたプロパティをなめるならふつうの for 文が使える.
配列や, 配列風のプロパティを持つオブジェクト (DOM の NodeList? など) のように, 連番の数字なら特にそうだ.

for-in 誤用の例を以下に示す:

var oSum = 0;
for( var i in oArray ) {
oSum += oArray[i];
}

for を使う方が効率的になる:

var oSum = 0;
var oLength = oArray.length;
for( var i = 0; i < oLength; i++ ) {
oSum += oArray[i];
}

8 名前:> Name_Not_Found sage 投稿日:2016/11/21(月) 22:55:25.97 ID:???.net

>>7
それをやるならfor-ofを使うべきだろ

9 名前:> Name_Not_Found sage 投稿日:2016/11/21(月) 22:58:57.98 ID:???.net

var sum = 0;
var array = [1, 3, 4, 7];
for (let value of array) {
  sum += value;
}

ついでに言うならば、sumはこう書いたほうが良い。
const sum = array.reduce((a, b) => a + b);

変数への再代入がない所に注目な

10 名前:> Name_Not_Found sage 投稿日:2016/11/22(火) 01:04:41.27 ID:???.net

誘導。

■JavaScriptスレ
JavaScript の質問用スレッド vol.131
http://echo.2ch.net/test/read.cgi/hp/1478053599/
JavaScript の質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472426483/
JavaScript(ECMAScript)質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472401404/

■ライブラリスレ
JavaScript ライブラリ総合質問所 vol.5
http://echo.2ch.net/test/read.cgi/hp/1465399470/
jQuery 質問スレッド vol.7
http://echo.2ch.net/test/read.cgi/hp/1478055094/

11 名前:> Name_Not_Found sage 投稿日:2016/11/24(木) 17:51:17.71 ID:???.net

clientのJSからサーバーにデータをajaxでPOSTして
サーバーでそのデータを加工して加工結果を新しいページに表示したいのです。
ajaxでPOSTしてデータを加工するところまでは出来たのですが、ajaxなので
そのデータはクライアントのsucessに戻りますよね
このあとどうすればいいのか分かりません。
あるいはもっと良い方法がありますか?

12 名前:> Name_Not_Found sage 投稿日:2016/11/24(木) 18:06:31.81 ID:???.net

誘導。

■JavaScriptスレ
JavaScript の質問用スレッド vol.131
http://echo.2ch.net/test/read.cgi/hp/1478053599/
JavaScript の質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472426483/
JavaScript(ECMAScript)質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472401404/

■ライブラリスレ
JavaScript ライブラリ総合質問所 vol.5
http://echo.2ch.net/test/read.cgi/hp/1465399470/
jQuery 質問スレッド vol.7
http://echo.2ch.net/test/read.cgi/hp/1478055094/

13 名前:> Name_Not_Found sage 投稿日:2016/11/24(木) 21:30:51.15 ID:???.net

>>11
そのsuccessで戻ってきたJSONなりから
画面を作ればいいだけでは?

面倒ならテンプレートエンジンでも調べてみると良い。

14 名前:> Name_Not_Found sage 投稿日:2016/11/25(金) 05:19:05.92 ID:???.net

>>13
>画面を作ればいいだけでは?
戻って来たJSONは数百キロバイト以上のHTMLデータで、
そのデータを使って新しいページを作る方法が分かりません。
urlのパラメータではそんな大きなデータを渡せないですよね?

15 名前:> Name_Not_Found sage 投稿日:2016/11/25(金) 05:59:57.76 ID:???.net

>>15
HTMLで受け取ってるならそれをDOMの任意の場所にappendするだけで済みそうだが
なんでそれをもう一度サーバに渡そうとしてるの?
(それにしたって数百キロ程度のデータを渡せないなんてことないが)

jsやjQueryによるDOM操作についてググる必要がありそう

16 名前:> Name_Not_Found sage 投稿日:2016/11/25(金) 06:04:43.13 ID:???.net

WEB+DB vol.94 では、Electronで開発しているけど、使っているのは、

Electron(Node.js + Chromium)
UIのパーツを作る、React
CSSフレームワークには、Photon

17 名前:> Name_Not_Found sage 投稿日:2016/11/25(金) 07:56:12.72 ID:???.net

>>15
今表示しているページではなくて、
別のページに移動してそのデータを表示したいのです。

18 名前:> Name_Not_Found sage 投稿日:2016/11/25(金) 16:56:12.65 ID:???.net

>>17
その別ページには他者もアクセスできるようにしたいのか?
それとも、当の利用者専用なのか?

後者なら、サーバ側で加工する必要はなさそうだが(
データを blob URL化してナビゲートしたり、ブラウザは限られるが SharedWorker を使う方法も考えられる
複数セッションにわたって残したければ localStorage に保存するだけで済むかもしれない)

19 名前:> Name_Not_Found sage 投稿日:2016/11/25(金) 19:49:57.44 ID:???.net

>>18
説明不足でした。
AJAXで戻って来たデータを表示する時に、現在のページはそのまま
残しておいて、新規に別ページを開いてそこに表示したいのです。
専用ページとかではなくて誰でもアクセスできるページです。
教えて頂いた方法を調べてみます。

20 名前:> Name_Not_Found 投稿日:2016/11/27(日) 09:33:02.68 ID:Er3ITcxf.net

HTML/JavaScriptのiframeタグについてご教授下さい。

■実施したい事
iframeでhtmlを取得したいが、
取得したhtmlの中身(cssや画像)は取得させたくない。

21 名前:> Name_Not_Found 投稿日:2016/11/27(日) 09:33:16.25 ID:Er3ITcxf.net

>>20
■詳細イメージ

<iframe src="http://xxxx/sample.html"></iframe>


WEBブラウザがhttp://xxxx/sample.htmlへGETリクエストを投げて、
レスポンスが返ってくる


WEBブラウザが返ってきたレスポンスをDOMツリーにロードする


WEBブラウザがhttp://xxxx/sample.htmlに記載されているcssや画像を取得する

①②は実施させて、
③の前後で処理を中断させて、
④を実施させたくない。

22 名前:> Name_Not_Found 投稿日:2016/11/27(日) 09:33:42.78 ID:Er3ITcxf.net

>>20
>>21
■質問事項
上記を実現させるためにはどのようなHTML/JavaScriptの実装が必要でしょうか?
ご教授下さい。

■思うところ
③のタイミングでイベントを発生させて、
④を無効にするような処理が可能かな?と調べてみましたら、
「DOMContentLoaded」というDOM読み込み完了後に呼ばれるイベントがあったのですが、
うまく使えますでしょうか。

また、<xmp>タグ等を動的に発行して、
取得したhtmlを無効に出来るかな?と思っています、
うまく使えますでしょうか。

また、ブラウザで発生するHTTPリクエストを全てキャッチして、
http://xxxx/sample.htmlに記載されているcssや画像のHTTPリクエストを遮断できないかな?と思っています、いかがでしょうか。

その他、手段は問いません。
実現できる方法をヒントだけでも良いのでご教授下さい。

23 名前:> Name_Not_Found sage 投稿日:2016/11/27(日) 12:38:25.68 ID:???.net

<div>あああ<input type="text" />いいい</br>ううう</div>
こういう場合、

jQueryで
var input = $(‘div > input[type="text"]’);
を取得したとして、その後ろにある文字
いいい
を取得する方法はありますか?

24 名前:> Name_Not_Found sage 投稿日:2016/11/27(日) 12:52:52.95 ID:???.net

はい。あります。

25 名前:> Name_Not_Found sage 投稿日:2016/11/27(日) 12:54:49.23 ID:???.net

>>20
普通にAjaxで中身だけを取得すればいいだけ

26 名前:> Name_Not_Found sage 投稿日:2016/11/27(日) 13:16:49.45 ID:???.net

>>24
教えろよ

27 名前:> Name_Not_Found sage 投稿日:2016/11/27(日) 13:58:37.10 ID:???.net

正規表現なら楽勝だけど、他になにかあるんかね

28 名前:> Name_Not_Found sage 投稿日:2016/11/27(日) 20:38:00.28 ID:???.net

>>23
はい
var input = $(‘div > input[type="text"]’);
var nextText = input.get(0).nextSibling.textContent; // いいい

nextSiblingを取得すると次にあるノード(要素/テキスト/コメント などなんでも)が取得できるから、これを利用するといい。
jQueryはテキストノードの扱いにはあまり向いていないので、標準のDOMを使わざるを得ない。

29 名前:> Name_Not_Found sage 投稿日:2016/11/28(月) 05:16:18.82 ID:???.net

>>20-22
2のGETで、取得しないファイルの拡張子を、指定できないの?

②など、丸囲み文字は、Windowsだけの環境依存文字だから、使うな

>>23-28
「いいい</br>ううう」の部分だろ。
素直に、<div>の内容を取得すれば?

「いいい」1行だけと言うのは、おかしいだろ

30 名前:> Name_Not_Found 投稿日:2016/11/29(火) 00:04:00.21 ID:OhNqSe55.net

>>29
2のGETってブラウザが自動的に行ってるものなんですが、
ブラックリストの拡張子って指定できるんですか?
具体的にどうやってやるのでしょうか?

31 名前:> Name_Not_Found sage 投稿日:2016/11/29(火) 07:36:46.02 ID:???.net

マルチポストは禁止!

他のスレに、返事をしておいた

32 名前:> Name_Not_Found sage 投稿日:2016/11/29(火) 10:04:15.45 ID:???.net

誘導。

■JavaScriptスレ
JavaScript の質問用スレッド vol.131
http://echo.2ch.net/test/read.cgi/hp/1478053599/
JavaScript の質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472426483/
JavaScript(ECMAScript)質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472401404/

■ライブラリスレ
JavaScript ライブラリ総合質問所 vol.5
http://echo.2ch.net/test/read.cgi/hp/1465399470/
jQuery 質問スレッド vol.7
http://echo.2ch.net/test/read.cgi/hp/1478055094/

33 名前:> Name_Not_Found sage 投稿日:2016/12/01(木) 21:46:12.93 ID:???.net

$(‘div[id="XXXXX"]’)
$(‘div[id=XXXXX]’)
ダブルクオーテーションで囲っても囲わなくても動くのですが、
どちらでも良いのでしょうか?

34 名前:> Name_Not_Found sage 投稿日:2016/12/01(木) 22:09:56.64 ID:???.net

>>33
囲まなくて動くからどっちでもいいよ。
!とか$みたいな半角の記号を含むidだと囲む必要があるから、その時だけ囲めばok。

補足だけど、idで選択する時は普通は
$(‘div#XXXXX’)
あるいは
$(‘#XXXXX’)
と書くのが一般的。

35 名前:> Name_Not_Found 投稿日:2016/12/03(土) 15:16:05.13 ID:6IkFDzpo.net

俺は特定のタグすべてを対象としないのであれば
ほとんどタグ名を書かないかな。

36 名前:> Name_Not_Found 投稿日:2016/12/11(日) 11:23:29.68 ID:Tn2z+E9L.net

【質問】JSのDOMContentLoadedが発火しません。

■事象
iframeを動的に作成(createElement)して、
addEventListenerに「DOMContentLoaded」を追加しているが、
iframeのsrc先のDOM読み込み完了時にイベントが発生しません。

37 名前:> Name_Not_Found 投稿日:2016/12/11(日) 11:24:51.51 ID:Tn2z+E9L.net

■コーディング
var parent_obj = document.getElementById("top");
var obj = document.createElement(‘iframe’);

if(obj.addEventListener){
obj.addEventListener("DOMContentLoaded",xxx);//★これが発火しない
//obj.addEventListener("load",xxx);//☆遅い
}else if(obj.attachEvent){
obj.attachEvent("onload",xxx);
}else{
obj.onload = xxx;
}

parent_obj.appendChild(obj);
obj.src = "URL";

function xxx(e){
alert("発火");★これが発火しない
}

38 名前:> Name_Not_Found 投稿日:2016/12/11(日) 11:25:25.49 ID:Tn2z+E9L.net

>>36
>>37
■やりたい事
addEventListener("load",xxx)だと画像読み込み後にイベントが発生するので、遅いです。
iframeのソースが返ってきた直後にイベントを呼びたいのです。

■質問
なぜDOMContentLoadedが発火しないのでしょうか。
コーディングが悪いのでしょうか?

それともcreateElement(‘iframe’)はDOMContentLoadedのイベントに対応していないのでしょうか?
その場合、上記【やりたい事】の代案はございますでしょうか?

39 名前:> Name_Not_Found sage 投稿日:2016/12/11(日) 12:53:46.83 ID:???.net

>>38
HTMLIFrameElementにはcontentWindowおよびcontentDocumentというプロパティが存在しますので、そちらのイベントを拾えばよいのではないでしょうか。

obj.contentDocument.addEventListener("DOMContentLoaded",xxx);

引用元
http://ja.stackoverflow.com/questions/31078/

40 名前:> Name_Not_Found sage 投稿日:2016/12/11(日) 13:42:55.39 ID:???.net

if(obj.addEventListener){
}else if(obj.attachEvent){

いまどきこんなコード書くなよ。
古いブラウザ切り捨てでいいならaddEventListener使えばいいし、
IE8とかにも対応させるならjQueryを使うべきだ。
コードを自分で書いたならばその行をテストしなきゃいけないんだぜ?

41 名前:> Name_Not_Found sage 投稿日:2016/12/11(日) 15:57:02.71 ID:???.net

> HTMLIFrameElementにはcontentWindowおよびcontentDocumentというプロパティが存在しますので

マジレスするとコレでは無理。

なぜならiframeの中のwindow(さらにその中のdocument)に触れるとは限らないから
触れると確定するのはiframeのsrcが設定された後。同じドメインであるなど
参照する権限があれば触れる。だから先にsrcを設定する必要がある。

だがsrcを設定した時点で読み込みが始まる。
つまり読み込みが始まった後にDOMContentLoadedをaddEventListenerしても
もう読み込まれてしまっているかもしれない。この場合は発火しない。

最初の一回はネットワークから取ってくるので処理が遅く、
addEventListenerが間に合って発火するかもしれないが
二回目以降はキャッシュがつかわれるため発火しない(ことがある)
この解決策を俺は知っているが、レスは返ってこなさそうだし
ここまでだなw

42 名前:> 41 sage 投稿日:2016/12/11(日) 15:58:35.69 ID:???.net

マルチポスト先を見てもどうやらこの問題に触れているのはなさそうだなw
こういうのは経験が物を言う。やったことがある俺じゃないと気づきにくい

43 名前:> Name_Not_Found sage 投稿日:2016/12/11(日) 16:16:24.89 ID:???.net

俺は質問者ではないんだけど、同ドメインだとしても、src設定した直後にcontentWindowって触れないよな?

44 名前:> Name_Not_Found sage 投稿日:2016/12/11(日) 16:27:39.55 ID:???.net

そうだったかな?こまないところは忘れた。
作り方によると思う。古いブラウザ対応もあって
about:blankも併用していたからな。

45 名前:> Name_Not_Found sage 投稿日:2016/12/11(日) 16:35:29.40 ID:???.net

あ、ごめん確かに作り方によるわ
質問のコードをそのまま使うとアクセスできないだけだった

46 名前:> Name_Not_Found 投稿日:2016/12/11(日) 21:01:53.10 ID:Tn2z+E9L.net

>>39

クロスオリジン、クロスドメインがやりたい事の前提です。
その場合、DOM系のイベントが使えないのですね。
それでは上記【やりたい事】の代案はございますでしょうか?

47 名前:> Name_Not_Found 投稿日:2016/12/11(日) 21:04:32.54 ID:Tn2z+E9L.net

>>41

丁寧なご回答ありがとうございます。

クロスオリジン、クロスドメインがやりたい事の前提です。
その場合、DOM系のイベントが使えないみたいののです。
>>41 さんのご指摘のタイミングの問題もあります。
それでは上記【やりたい事】の代案はございますでしょうか?

一応「2秒待って」という苦肉の策はありましたが、
別の綺麗な順序保障の方法はないでしょうか?

48 名前:> Name_Not_Found 投稿日:2016/12/11(日) 21:05:52.83 ID:Tn2z+E9L.net

>>43-45

>>41

丁寧なご回答ありがとうございます。

クロスオリジン、クロスドメインがやりたい事の前提です。
その場合、DOM系のイベントが使えないみたいののです。
それでは上記【やりたい事】の代案はございますでしょうか?

一応「2秒待って」という苦肉の策はありましたが、
別の綺麗な順序保障の方法はないでしょうか?

49 名前:> Name_Not_Found 投稿日:2016/12/11(日) 21:06:42.72 ID:Tn2z+E9L.net

あ、元々の質問は以下です。
>>36-38

50 名前:> Name_Not_Found sage 投稿日:2016/12/11(日) 21:21:56.81 ID:???.net

クロスドメイン先は自分で管理してるものなの?

51 名前:> Name_Not_Found sage 投稿日:2016/12/11(日) 22:28:23.56 ID:???.net

このマルチポスト奴またきたのか
>>20-22

52 名前:> Name_Not_Found sage 投稿日:2016/12/11(日) 22:43:26.63 ID:???.net

1. image = new Image();
2. image.src = 何々
3. image.onload = ハンドラ

便乗して質問するが、
こう書いておいたら、画像を読み込んだ後に、ハンドラが確実に呼ばれるのか?
それとも、もし画像を読み込むのが速ければ、もうハンドラは呼ばれないのか?

確か、画像の読み込みは、非同期だよね。
読み込みしながら同時に、3行目も実行されるよね?

53 名前:> Name_Not_Found sage 投稿日:2016/12/11(日) 23:55:19.70 ID:???.net

>>52
onloadよりも先に画像が読み込まれれば、onloadは発生しない。
ただこの場合は単に2と3を逆にすればいい。
iframeが特殊なだけ

54 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 00:57:04.81 ID:???.net

>>52
>読み込みしながら同時に、3行目も実行されるよね?

1, 2, 3 を同期的に実行すればハンドラは必ず呼ばれるだろう
キャッシュされていようが image 読み込みは非同期になるので

55 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 01:18:50.95 ID:???.net

> 1, 2, 3 を同期的に実行すれば

その方法を書きなさい。出来ないこと言っても意味がない

56 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 03:06:26.60 ID:???.net

>書きなさい
って、まんまそのまま番号外しただけのコードなんだけど

57 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 04:56:29.13 ID:???.net

呼ばれるよ。他のあらゆるAPIでもね。
変更と同じイベントループで登録したイベントハンドラは
順番がどうであれ必ず呼ばれる実装になってる。

58 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 09:38:21.92 ID:???.net

img 要素の src 属性と onload イベントリスナの設定タイミング
http://please-sleep.cou929.nu/onload-handler-setting-timing-and-async-request-of-image-element.html

有名な話。経験が浅い人には気づけない話だろう。

59 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 09:39:26.29 ID:???.net

やっぱりIE9でもキャッシュ有効時のimg要素はonloadを無視する件
http://akibahideki.com/blog/htmlcss/ie9onload.html

60 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 12:39:21.88 ID:???.net

誘導。

■JavaScriptスレ
JavaScript の質問用スレッド vol.131
http://echo.2ch.net/test/read.cgi/hp/1478053599/
JavaScript の質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472426483/
JavaScript(ECMAScript)質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472401404/

■ライブラリスレ
JavaScript ライブラリ総合質問所 vol.5
http://echo.2ch.net/test/read.cgi/hp/1465399470/
jQuery 質問スレッド vol.7
http://echo.2ch.net/test/read.cgi/hp/1478055094/

61 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 12:40:15.81 ID:???.net

>>57-58
本来、その回のイベントループ(フレーム)では、ハンドラが登録されるだけで、
画像は次のフレームから読み込まれるから、>52 の順番でもOKなのだな

結局、IE8以前のバグだったのか。
「onreadystatechange にハンドラを設定して、その中で readyState を見る」
とか、何かの本で読んだことがある

62 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 19:30:27.84 ID:???.net

https://html.spec.whatwg.org/#common-pitfalls-to-avoid-when-using-the-scripting-apis

63 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 19:38:33.39 ID:???.net

おお、仕様にも書いてあるんだね

64 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 21:10:07.74 ID:???.net

>>61
仕様のほうが後で作られたのであれば
それはバグじゃない

65 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 21:35:11.47 ID:???.net

HTML4.01の仕様には当然無いとして、初めて仕様化されたのはこの時点かな。

W3C Working Draft 29 March 2012
https://web.archive.org/web/20120414181653/http://www.w3.org/TR/html5/introduction.html

IE9のリリースが2011年4月26日だからこれをバグと呼ぶのは無理がある。

66 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 21:46:27.00 ID:???.net

おお、やっぱり昔は仕様になかったんだね

67 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 23:08:34.34 ID:???.net

Safariシェア低すぎるからサポート打ち切ろう

68 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 23:20:00.16 ID:???.net

とんでもない
Safariは現在唯一 ECMAScript6に100%対応した最先端ブラウザやぞ

69 名前:> Name_Not_Found sage 投稿日:2016/12/12(月) 23:47:22.65 ID:???.net

ECMAScript6に100%対応しただけじゃ
API使えることにはならないし

70 名前:> Name_Not_Found sage 投稿日:2016/12/13(火) 01:54:05.99 ID:???.net

仕様をちゃんと読んでると言っても、最新の仕様と
最新のブラウザだけしか見てないのであれば
仕事としてやるには全然足りないからね。
プロとしては未熟。

71 名前:> Name_Not_Found sage 投稿日:2016/12/13(火) 10:59:35.49 ID:???.net

>>68
100%は対応していない
例えばtail-callの挙動が一部おかしい
そもそもES5のテストも未だ全クリできた実装はない

72 名前:> Name_Not_Found sage 投稿日:2016/12/13(火) 21:16:09.62 ID:???.net

まあSafariはテストはしなくていいと思う。
動けばラッキー、動かなければ残念でしたで終わり。

73 名前:> Name_Not_Found sage 投稿日:2016/12/13(火) 21:40:02.32 ID:???.net

もちろんiPhoneはテストするよね?

74 名前:> Name_Not_Found sage 投稿日:2016/12/13(火) 22:57:59.94 ID:???.net

ここで話題になってるのは
mac版safariかと

75 名前:> Name_Not_Found sage 投稿日:2016/12/16(金) 09:29:07.61 ID:???.net

js

xhr.open(‘POST’, url);
xhr.setRequestHeader(‘Content-Type’, ‘application/x-www-form-urlencoded’);
xhr.send(params);

jquery

$.post(url, params);

rails でパラメーター取ろうとしたら js の方は取れないんですけど、2つに何か違いはあります?間違ってますか?

76 名前:> Name_Not_Found sage 投稿日:2016/12/16(金) 09:34:22.18 ID:???.net

xhr.send()にプレーンオブジェクトは指定できない
StringやFormDataにする必要がある

77 名前:> Name_Not_Found sage 投稿日:2016/12/16(金) 09:38:05.71 ID:???.net

>>76
ありがとうございます。’key=value’ のようにしてます

78 名前:> Name_Not_Found sage 投稿日:2016/12/16(金) 09:39:28.34 ID:???.net

jQueryはそういった面倒なことをやってくれてるから使いやすい。
他にもHTTPレスポンスが4xx系や5xx系だと例外にしてくれたりね。

79 名前:> Name_Not_Found sage 投稿日:2016/12/16(金) 09:44:46.38 ID:???.net

>>78
そうですね。 js で取れなかったので jquery 使ったんですけど、結局「なんでなんだろ?」と思いまして質問した次第です。

80 名前:> Name_Not_Found sage 投稿日:2016/12/16(金) 12:41:53.46 ID:???.net

40Xで例外は間違った設計だと結論が出てる。
fetchのように通信の例外とステータスエラーは切り分けて提供するのが今時の正しい設計。
他にもjQueryの動作には非効率だったり人間工学的におかしい挙動が多いので、それを便利と勘違いして慣れてしまうのは危険。
まあ自分でjQueryに頼るよりも良い手段を常に把握しておけないのであれば仕方ないが、一生そこから成長することはないと思いなさい。

81 名前:> Name_Not_Found sage 投稿日:2016/12/16(金) 12:59:43.25 ID:???.net

はーい

82 名前:> Name_Not_Found sage 投稿日:2016/12/16(金) 21:36:14.08 ID:???.net

>>80
> 40Xで例外は間違った設計だと結論が出てる。

お前の中で結論が出てるかどうかなんて関係ないんだよ。

83 名前:> Name_Not_Found sage 投稿日:2016/12/17(土) 05:03:13.18 ID:???.net

関係ないやつは黙っといて!(笑)

84 名前:> Name_Not_Found sage 投稿日:2016/12/18(日) 12:32:37.39 ID:???.net

現行スレはこちら。

■jQueryスレ
jQuery 質問スレッド vol.7
http://echo.2ch.net/test/read.cgi/hp/1478055094/

■ライブラリスレ
JavaScript ライブラリ総合質問所 vol.5
http://echo.2ch.net/test/read.cgi/hp/1465399470/

■JavaScriptスレ
JavaScript の質問用スレッド vol.131
http://echo.2ch.net/test/read.cgi/hp/1478053599/
JavaScript の質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472426483/
JavaScript(ECMAScript)質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472401404/

85 名前:> Name_Not_Found sage 投稿日:2016/12/20(火) 09:21:42.26 ID:???.net

過疎ってんだからスレ統合しろよ

86 名前:> Name_Not_Found sage 投稿日:2017/01/05(木) 14:53:35.37 ID:???.net

質問です。JSでインターネットに繋がっているかどうか判別する方法はありますでしょうか?

87 名前:> Name_Not_Found sage 投稿日:2017/01/05(木) 15:12:02.44 ID:???.net

>>86
navigator.onLineを使うといいよ。
https://developer.mozilla.org/ja/docs/Web/API/NavigatorOnLine/onLine

88 名前:> Name_Not_Found sage 投稿日:2017/01/06(金) 22:45:59.31 ID:???.net

それは「インターネット」に「接続している」かどうかではなく、
「ネットワーク」に「接続していないか」どうかのAPI。
絶対に接続されていないとブラウザが分かっているとき以外は、実質繋がらなくてもtrueだし、
それことイントラネットやコピー機に接続してるときでもtrueだ。

89 名前:> Name_Not_Found sage 投稿日:2017/01/06(金) 23:21:38.17 ID:???.net

そっか、ごめん。じゃあ実際に通信を試すのがいいかな。
画像でonload/onerrorしたり、試しにAjaxやfetchをしたりすればいけそう。

90 名前:> Name_Not_Found sage 投稿日:2017/01/22(日) 13:37:49.05 ID:???.net

スクリプトの質問です。
1つの関数内で、if文が複数ある場合、それぞれ検証されているのでしょうか?
それとも、最初のif文の結果次第で、後続のif文の中の処理を行っているのでしょうか?
自分で試したところ、後続の処理も行われているのは理解できたのですが、
条件分岐はどういう仮定で行われているかわかりませんでしたので、質問させていただきました。

下記のような記述です。よろしくお願いします。
$(‘.hage’).click(function(){
if(…){..}
else{…}
if(…){…}
else{…}
});

91 名前:> Name_Not_Found sage 投稿日:2017/01/22(日) 14:24:41.90 ID:???.net

>>90
君がやらないといけないのはJavaScriptの文法の意味を調べることだよ。

if ・・・ これはなにか?
(…) ・・・ これはなにか?
{…} ・・・これはなにか?
else ・・・ これはなにか?
{…} ・・・これはなにか?

これを書けば君がわからないことの答えになる

92 名前:> Name_Not_Found sage 投稿日:2017/01/22(日) 21:27:04.55 ID:???.net

区切りが分かっていないんだろう、もとい
if() {} else if() {}
と混同してるんだろう
if() {} else {}
の場合はそこまでで一区切りで前後の文とは関係ないよ

93 名前:> Name_Not_Found sage 投稿日:2017/01/22(日) 22:28:53.25 ID:???.net

>>91-92
レスどうも。
説明がくそみそですみません・・・・・

if~elseまでで1つってことでいいんでしょうか?
ということは、それぞれ条件に合うか調べられて、それぞれ処理を行われるということですか?

94 名前:> Name_Not_Found sage 投稿日:2017/01/23(月) 00:16:32.33 ID:???.net

>if~elseまでで1つってことで
それでおk

95 名前:> Name_Not_Found sage 投稿日:2017/01/24(火) 17:06:36.35 ID:???.net

JSだと
(function(){
alert();
})();
の末尾の()を取るとalertを実行させないように出来ますよね。
$(document).ready(function(){
alert();
});
このjQeuryの場合にカッコか何か追加/削除するなどの方法でalertを実行させないように出来ますか?
//alert();
以外で。
とりあえず一時的にコメント化したい時に使いたいんです。

96 名前:> Name_Not_Found sage 投稿日:2017/01/24(火) 18:46:10.63 ID:???.net

>>95
window.alert = function(message) {};
とか?

97 名前:> Name_Not_Found age 投稿日:2017/01/24(火) 20:09:13.69 ID:???.net

あげ

98 名前:> Name_Not_Found sage 投稿日:2017/01/25(水) 00:41:18.86 ID:???.net

現行スレはこちら。

■jQueryスレ
jQuery 質問スレッド vol.7
http://echo.2ch.net/test/read.cgi/hp/1478055094/

■ライブラリスレ
JavaScript ライブラリ総合質問所 vol.5
http://echo.2ch.net/test/read.cgi/hp/1465399470/

■JavaScriptスレ
JavaScript の質問用スレッド vol.132
http://echo.2ch.net/test/read.cgi/hp/1485265364/
JavaScript の質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472426483/
JavaScript(ECMAScript)質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472401404/

99 名前:> Name_Not_Found sage 投稿日:2017/01/29(日) 16:51:01.62 ID:???.net

真面目な会話をしたい人はこちらへどうぞ

JavaScript の質問用スレッド vol.132 [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1485265364/

100 名前:> Name_Not_Found sage 投稿日:2017/01/29(日) 17:01:00.98 ID:???.net

質問者はこちらへどうぞ。
ワッチョイ付きなので荒らしの区別が付きやすいと思われます。

+ JavaScript の質問用スレッド vol.122 +
http://echo.2ch.net/test/read.cgi/tech/1472426483/

101 名前:> Name_Not_Found 投稿日:2017/01/29(日) 22:17:39.63 ID:nm39fZyD.net

jQuery 4.0まだですか?

102 名前:> Name_Not_Found 投稿日:2017/01/30(月) 12:57:39.09 ID:l1+cabqa.net

自作ゲーム即売会「ゲームマーケット」に1万人超
http://www.nikkansports.com/general/nikkan/news/1750500.html
ボードゲームの展示イベント「ゲームマーケット」の成長記録からこれからの
市場に必要なことを妄想してみた。6年間の来場者数推移(2016年4月時点調べ)
https://bodoge.hoobby.net/columns/00001
カードゲームを自作する1 【自宅でカード印刷】
http://tanishi.org/?p=801
100円ショップでボードゲームを自作しよう
https://sites.google.com/site/jun1sboardgames/blog/makeyourbg
ノーアイデアでボードゲームを作ろう第1回「100円ショップで物を買う」
http://boardgamelove.com/archives/boardgame-make-1/
ボードゲーム市場がクラウドファンディングの出現で急成長を遂げ市場規模を拡大中
http://gigazine.net/news/20150820-board-game-crowdfunding/
実際のところ、自作ボードゲームってどれぐらい売れるもんなの?
http://roy.hatenablog.com/entry/2016/12/20/220102
ゲームマーケット2016春にて初参加サークルさんに作成数アンケートをとってきました
http://hidarigray.blog35.fc2.com/blog-entry-614.html
カフェも急増 ボードゲームにアラサーがハマる理由
http://style.nikkei.com/article/DGXMZO10921930R21C16A2000000?channel=DF260120166491
ボードゲームのオリジナルオーダー制作
http://www.logygames.com/logy/ordermade.html

103 名前:> Name_Not_Found 投稿日:2017/12/07(木) 22:17:31.91 ID:u//0O8cbK

初歩的な質問で恐縮ですが、
画像のパスの一部を書き換えるjsを書いてるんですが
ネットで調べてページすべての画像は↓で変更できるようになったのですが、
特定のclass(<div class="gallery">)の中にある<img>画像だけ書き換える時の書き方がわかりません。
jsマスターの方、ご教授ください。

window.onload = function() {
  var images = document.images;
  for (var i=0, n=images.length; i<n; i++) {
    var img = images[i];
    img.src = img.src.replace(/xxx/, ‘xxx_s’);
  }
};

104 名前:> Name_Not_Found 投稿日:2017/12/12(火) 06:07:16.14 ID:MrUcGD8N.net

HPなどで友達が稼げるようになった情報とか

⇒ http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

99FIKEY5SD

105 名前:> Name_Not_Found sage 投稿日:2018/02/18(日) 20:11:53.65 ID:???.net

☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が3分の2を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆

106 名前:> Name_Not_Found 投稿日:2018/05/01(火) 20:18:04.81 ID:l1wYHpV1.net

誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

2FUU3

107 名前:> Name_Not_Found sage 投稿日:2018/05/06(日) 23:41:26.30 ID:???.net

ある程度スクロールしたらヘッダーにfixedついて固定メニューになるページを作ってるんだけど、マウスのホイールでスクロールすると固定になった瞬間スクロールが一時的に効かなくなってしまうのは俺だけか?

108 名前:> Name_Not_Found sage 投稿日:2019/02/07(木) 13:39:33.89 ID:???.net

+ JavaScript & jQuery 質問用スレッド vol.8 +
https://mevius.5ch.net/test/read.cgi/hp/1510321470/

の次スレここでいい?

109 名前:> Name_Not_Found sage 投稿日:2019/02/08(金) 23:59:43.45 ID:???.net

http://mevius.5ch.net/test/read.cgi/hp/1510321470/993

> 993Name_Not_Found2019/02/05(火) 20:42:09.88ID:???
> >>991
> 俺がなんでああいう独特な書き方をしたか分からないか?
> 書いたことはちゃんと理解してくれないと困る
> 「本当の問題は数値と文字列が意図せず混在しやすいというところにあるからだ 」
> と言ってるだろう
> 君は正規表現でマッチした値を変数に入れたりすることは一切ないのだろうが
> 世間ではよくあるのだよ

君の独自ルール用語など知らんが、

> 例えばよくあるパターンが正規表現でマッチして数値と比べる場合

RegExp#execの返り値と数値を比較することを指していると?
Number型に変換すれば、何も困らん

110 名前:> Name_Not_Found 投稿日:2019/03/18(月) 19:09:29.17 ID:VN4GFAkq.net

以前、jQueryって該当のセレクタがhtmlドキュメント内に見つからない場合、
何も起こらないって思ってたのですが、変わりましたか?
ver1.11なのですが、そこが原因で後続のjQueryの記述が効かなくなるんです。
試しに、セレクタで指定しているIDを持ったタグをHTML側に記述すると問題無く効くんです。

111 名前:> Name_Not_Found sage 投稿日:2019/03/18(月) 23:53:59.83 ID:???.net

使い方間違ってるだけだろ

112 名前:> Name_Not_Found sage 投稿日:2019/03/19(火) 03:17:16.72 ID:???.net

エラーメッセージを見れば、どういうエラーかわかるかも

113 名前:> Name_Not_Found sage 投稿日:2019/03/19(火) 08:55:28.63 ID:???.net

>>111
>>112
有難うございます!!
一度見直してみます!!!

114 名前:> Name_Not_Found sage 投稿日:2019/03/19(火) 19:24:00.70 ID:???.net

>>110
空の疑似配列が返るので、何もしないわけではない

115 名前:> Name_Not_Found sega 投稿日:2019/04/16(火) 10:14:20.11 ID:???.net

jqueryでn秒後に処理をしたいときdelayを使うけど、
とくにアニメーションとか関係ないときでも
なにかの要素に紐づけないとだめなん?

116 名前:> Name_Not_Found sage 投稿日:2019/04/16(火) 13:11:27.21 ID:???.net

>>115
そういう時はunderscore/lodashを使用してください。
jQueryはDOM要素を操作するライブラリなんだから

117 名前:> Name_Not_Found sage 投稿日:2019/04/16(火) 16:47:56.14 ID:???.net

>>116
jqueryとunderscoreって喧嘩しない? だいじょうぶ?

118 名前:> Name_Not_Found sage 投稿日:2019/04/16(火) 19:12:20.53 ID:???.net

>>115
setTimeoutで良かろう

119 名前:> Name_Not_Found sage 投稿日:2019/05/24(金) 03:07:12.97 ID:???.net

初心者です。jQueryのslickというプラグインでスライドショーを表示させることに成功したのですが、画像が一部しか表示されません。

考えられる原因は何がありますか?

120 名前:> Name_Not_Found sage 投稿日:2019/05/24(金) 16:08:28.02 ID:???.net

>>119
一部しかない画像を使っているからだよ
全体がある画像に差し替えろ

121 名前:> Name_Not_Found 投稿日:2019/05/30(木) 21:24:33.83 ID:FwS2vBV2.net

jQueryの脆弱性が発覚した
https://portswigger.net/blog/abusing-jquery-for-css-powered-timing-attacks
jQuery独自のセレクタを巧みに使うことでタイミングアタックで情報が抜かれてしまう
直接使っている部分で絶対にセレクタに想定外の文字列が入ることがなくとも
プラグインやjQを利用するライブラリでどうなっているのか分からない

とりあえず当分は使われている全てのjQuery、もしくは全てのスクリプトの全ての関数定義
function~(){~を一括置換処理して
一行目にif((”+arguments[0]).length>30)throw ‘Err’
などと入れることを勧める

122 名前:> Name_Not_Found sage 投稿日:2019/06/01(土) 00:47:49.97 ID:???.net

Bootstrap にも、スライドショー・カルーセルがある

Bootstrap は、jQuery で作ってる

123 名前:> Name_Not_Found 投稿日:2019/06/01(土) 08:02:10.56 ID:8anwgTmv.net

要素の値の取得・変更とか
要素の増減とか

vanilla js でも出来ることを敢えて jquery で書くメリットって何でしょうか
自動補完ができない環境でも jquery の補完をしてくれる???
jquery で書く方法の方がメジャー???

124 名前:> Name_Not_Found 投稿日:2019/06/01(土) 08:04:50.77 ID:8anwgTmv.net

なお、私は Web 界隈から離れて久しいです
var ではなく const let だけを使うくらいには ECMAScript2015 (ES6) は、ある程度使えます

125 名前:> Name_Not_Found sage 投稿日:2019/06/01(土) 08:13:51.50 ID:???.net

>>123
> vanilla js でも出来ることを敢えて jquery で書くメリットって何でしょうか

仕事なら絶対に考慮しないといけないことが1つ有る
それはコスト。

どんな仕事でも言わなくても、短い時間で作るっていうのは
達成すべき目標に含まれてる

jQueryはその目標の達成に力を貸してくれる

126 名前:> Name_Not_Found sage 投稿日:2019/06/01(土) 08:16:10.71 ID:???.net

あと勘違いしているようだが、vanilla js だけでは
要素の増減とか出来ない。

DOM APIを使わないといけない。
jQueryはvanilla jsの代替ではくDOM APIの代替

ECMAScript2015 (ES6) +jQueryで開発をする

127 名前:> Name_Not_Found sage 投稿日:2019/06/01(土) 08:59:34.04 ID:???.net

>>126
> あと勘違いしているようだが、vanilla js だけでは
> 要素の増減とか出来ない。
それはあなたの思い込み
http://vanilla-js.com/
ソースを確認しないところは相変わらずだね

128 名前:> Name_Not_Found sage 投稿日:2019/06/01(土) 10:01:44.49 ID:???.net

バブリングと書くべき場面でバグリングと何度も書き込んだり、自分の誤文を引用されて引用元の投稿者のミスと嘲笑う程度には、早とちりで井の中の蛙

129 名前:> Name_Not_Found 投稿日:2019/06/01(土) 11:59:25.49 ID:8anwgTmv.net

jQuery を使うことによるコスト削減・生産性向上というのは、どういうもので、どういう程度でしょうか

さいきんでは「jQueryの経験は経験とみなさない」という条件を見ることしばしば、
また、いわゆる「コピペプログラミング」しか出来ない jQuery コーダーを、ある程度排除できて、
その分だけ生産性を向上させられるという側面もあります

MDN は直接のソースと言えないかも知れませんが
https://developer.mozilla.org/ja/docs/Web/API/Node/appendChild
https://developer.mozilla.org/en-US/docs/Web/API/Node/insertBefore
あたりも、確認していただけると幸いです

130 名前:> Name_Not_Found 投稿日:2019/06/01(土) 12:47:58.30 ID:8anwgTmv.net

そもそも「コピペプログラミング」やらかしそうな連中を入口で排除した方が無難な気がしてきた…

あるいは、そもそも詳細設計の段階で「コピペが発生しそうな部分」を抜いて class なり関数なりに誘導…?
どこまでカバーできるか知らんけど(一度作ってしまえば、というのはあるかも)

131 名前:> Name_Not_Found sage 投稿日:2019/06/01(土) 12:59:58.36 ID:???.net

>>129
ん?jQuery厨だけど、またこのスレを荒らそうとしてるの?
いつもよくやるねw

はい、みなさん。本当に荒らしてるのは誰か?
これでよくわかりましたよね!

132 名前:> Name_Not_Found sage 投稿日:2019/06/01(土) 13:02:21.81 ID:???.net

俺の経験上jQueryを使うと同じことをする場合に
コードは1/3以下に減るよ

あとjQueryの経験は必須
この分野の実務経験があって知らなかったら驚くよ

133 名前:> Name_Not_Found sage 投稿日:2019/06/01(土) 13:05:25.05 ID:???.net

jQueryはほとんどのサイトで使われてるから、
知っていれば評価するというよりも
知っているのが当然で、知らなければ評価を落とすって感じ

134 名前:> Name_Not_Found sage 投稿日:2019/06/01(土) 13:27:16.17 ID:???.net

>>131
別に荒らそうなんてしてませんよ。

jQueryの話題はもっと相応しいスレがあるので
こちらでしましょう

+ JavaScript の質問用スレッド vol.140 +
https://mevius.5ch.net/test/read.cgi/hp/1558249632/

135 名前:> Name_Not_Found sage 投稿日:2019/06/01(土) 14:40:58.14 ID:???.net

>>134
荒らし発見…

136 名前:> Name_Not_Found sage 投稿日:2019/06/01(土) 16:52:39.77 ID:???.net

>>134
jQueryの話題が相応しいのはjQueryスレでしょう

137 名前:> Name_Not_Found 投稿日:2019/06/01(土) 19:21:45.17 ID:8anwgTmv.net

>>131
うーん
敢えて ID 晒してるんですけど…なんで「荒らし」だと思ったのでしょう

ラベルだのレッテルだの、どうでも良いので
内容についての話を…

138 名前:> Name_Not_Found sage 投稿日:2019/06/01(土) 21:50:24.34 ID:???.net

>>137
>>127-128を見ればわかるように、その人はただjQueryを啓蒙したいだけで他の技術を知らない人なので、関わらない方がいいと思うよ

139 名前:> Name_Not_Found sage 投稿日:2019/06/01(土) 23:46:08.54 ID:???.net

バグリングが何のことかと思ったが、これか
https://mevius.5ch.net/test/read.cgi/hp/1555750241/692-
用語ミスもアホだが、そもそも、バブリングを理解てないな、こいつは

140 名前:> Name_Not_Found 投稿日:2019/06/02(日) 04:16:13.27 ID:jDDsxCZh.net

啓蒙…
jQuery なしで済ます方法を啓蒙ならともかく…

なんでもかんでも jQuery 依存で書くという蒙を啓く、と

141 名前:> Name_Not_Found 投稿日:2019/06/02(日) 04:17:15.82 ID:jDDsxCZh.net

「なんでもかんでも jQuery 依存で書くという蒙」にとどまり
他の技術を、そもそも知ろうとしない連中なのかな

だとしたら完全に無視で良いし、むしろ無視すべきか

142 名前:> Name_Not_Found sage 投稿日:2019/06/02(日) 04:51:29.16 ID:???.net

いい加減無視するって言う前に無視することを覚えようか?

143 名前:> Name_Not_Found sage 投稿日:2019/06/02(日) 07:34:57.37 ID:???.net

「荒らしに構うな」は荒らし自身がいってるケースもあるので要注意
https://mevius.5ch.net/test/read.cgi/hp/1558249632/160-

144 名前:> Name_Not_Found sage 投稿日:2019/06/02(日) 09:43:35.32 ID:???.net

罪を憎む前に人を憎む所までテンプレ
ID 強制の板だと必死チェッカーが来る所までテンプレ

145 名前:> Name_Not_Found sage 投稿日:2019/06/02(日) 10:09:34.88 ID:???.net

勝てない相手には話を逸らす作戦だな
言い訳だけは豊富だから、この荒らし

146 名前:> Name_Not_Found sage 投稿日:2019/06/02(日) 14:52:50.99 ID:???.net

>>123-129
jQuery は、VSCode でも入力補完できる。
VSCode, Node.js を使うのは基本!

jQueryは、互換性が高いから、Bootstrap でも使われている。
jQueryが対応していないのは、Linux だけ!

Linuxだと、アクセスできないサイトはある。
その場合、user agent を変えたりして見る

まだ書き込みを続けるなら、名前欄に、122 と入れてくれ!

>>129
素のJS で書いてるソースコードは、テストも難しい。
色々な部分で、バグる可能性が出てくる!

Selenium WebDriver で自動テストするのに、素のJSで書く奴なんていないよ。
面倒で、テストコード自体にバグがあって、テストをすり抜ける可能性も出てくる

面倒すぎて、プログラマー同士の打ち合わせで、机上テストすら出来ないw

多人数で開発すればわかるけど、素のJSで書いてるプログラマーだけが、極端に遅くて、バグが多くなる。
その人だけが「あ、また勘違いしました」っていう言い訳が続くw

147 名前:> Name_Not_Found sage 投稿日:2019/06/02(日) 16:06:06.27 ID:???.net

多人数で開発してるのにコーディング規約もないのかw

148 名前:> Name_Not_Found sage 投稿日:2019/06/02(日) 17:04:34.63 ID:???.net

今の話にコーディング規約が何の関係があるの?

149 名前:> Name_Not_Found sage 投稿日:2019/06/02(日) 17:39:14.91 ID:???.net

>>146
中学生か?

150 名前:> Name_Not_Found sage 投稿日:2019/06/02(日) 18:16:52.75 ID:???.net

JavaScript, jQuery で動的に、配列内の数字を取り出して、
それに「, 」を付けて、<p><span>で囲んで、
span:nth-child( even ) で、偶数番目の色を変えたりしてるのですが、

何かスマートじゃないと言うか、「, 」のフォーマットを分離できないでしょうか?

<p><span>1, </span><span>2, </span><span>3, </span></p>

151 名前:> Name_Not_Found sage 投稿日:2019/06/02(日) 20:12:01.43 ID:???.net

>>150
,を<span>の外について持って行ったら?

152 名前:> 149 sage 投稿日:2019/06/02(日) 20:55:45.39 ID:???.net

, が、<span> の内側にある方が、見た目がよいです

表じゃなく、<p> の内側だからかな?
何か、配列内の要素を、「, 」みたいなフォーマットと連結させていくのが、スマートじゃない

153 名前:> Name_Not_Found sage 投稿日:2019/06/02(日) 22:16:56.82 ID:???.net

コーディング規約で「jQueryで書け」ならvanilla js使うのは(以下自粛

154 名前:> Name_Not_Found sage 投稿日:2019/06/02(日) 23:36:21.18 ID:???.net

jQuery使用禁止ってのもあるからなあ…

155 名前:> Name_Not_Found sage 投稿日:2019/06/02(日) 23:40:32.30 ID:???.net

jsが原因でHTMLのファイルが壊れるってことありますか?

156 名前:> Name_Not_Found sage 投稿日:2019/06/03(月) 06:57:38.00 ID:???.net

>>155
「壊れる」の定義は?

157 名前:> Name_Not_Found sage 投稿日:2019/06/03(月) 10:01:17.14 ID:???.net

>>155
あります

158 名前:> Name_Not_Found sage 投稿日:2019/06/03(月) 17:07:40.99 ID:???.net

jQuery使用禁止なのにjQuery使ったらfireされうるんじゃね

159 名前:> Name_Not_Found sage 投稿日:2019/06/04(火) 01:20:50.56 ID:???.net

>>156
ファイル破損?
書いたコードが消えるとか書き換わるとか?
結果的には
サイトが正しく表示されなくなる状態といえばいいのか
エラー状態、白紙、レイアウトの崩れ等

160 名前:> Name_Not_Found sage 投稿日:2019/06/04(火) 12:35:56.92 ID:???.net

>>159
jQueryに限らず、JavaScriptでHTMLを書き換えられるので
白紙にしたりレイアウトを崩すことは問題なくできます。

161 名前:> Name_Not_Found sage 投稿日:2019/06/05(水) 00:15:42.10 ID:???.net

>>157
>>160
ありがとうございます

162 名前:> Name_Not_Found sage 投稿日:2019/06/05(水) 12:33:16.29 ID:???.net

「HTMLファイル」が第三者からのアクセスで破壊されるのはセキュリティホールだよ

163 名前:> Name_Not_Found sage 投稿日:2019/06/05(水) 12:56:59.33 ID:???.net

素のecma6でアナニーしてたら肛門が破壊されました
ガシガシやる人は優しくラッピングされたライブラリーを使った方がいいかもね

164 名前:> Name_Not_Found sage 投稿日:2019/08/06(火) 02:31:33.22 ID:???.net

初心者です。jQueryの質問ですが、hoverである要素にオン、オフの動作を設定するのはいいとして、
その「ある要素」が結構サイズ的に大きいと、そのページを開いた時に最初っからその要素にマウスポインタが乗ってる場合があり
その場合オン時の動作をしてくれない (一旦マウスポインタをわざと要素から外して、改めて乗せないとオンの動作をしない)
という問題に対して、セオリー的な解決方法ってどんなものなんでしょうか?

165 名前:> Name_Not_Found sage 投稿日:2019/08/06(火) 22:35:54.40 ID:???.net

オンオフの設定をしない

166 名前:> Name_Not_Found sage 投稿日:2019/09/03(火) 01:09:15.35 ID:???.net

foreach で return が使えないようなのですが、値を外で受け取る方法はないのでしょうか?
現状、外に空の配列を置いて、そこへ push しています。

167 名前:> Name_Not_Found sage 投稿日:2019/09/03(火) 01:10:18.48 ID:???.net

>>166 です
スレ間違えました。
失礼しました。

168 名前:> Name_Not_Found 投稿日:2019/10/18(Fri) 13:29:41 ID:oSokD+hH.net

質問です。
テキストフォームに入力されたデータを取得し、処理を行ってから表示させようとしています。

$(document).ready(function () {
$("#Button1").click(function () {
inputText = $("#Text1").val();
$("#output").text(inputText);
})
})

上記の"inputText"に下記の処理を行ってからアウトプットしたいのですが、この場合どのように書けばよいのでしょうか?

$("span:not([class])").each( function(i){
var childNodes = this.childNodes;
$(this).replaceWith(childNodes);
});

169 名前:> sage 投稿日:2019/10/19(Sat) 08:39:38 ID:???.net

inputText は、文字列だよ。
文字列に対して、childNodes など、DOM 操作は出来ない

文字列は、DOMじゃない。
文字列を異なる文字列に、変えたりは出来るけど

何をしたいのか、説明すれば?

170 名前:> Name_Not_Found 投稿日:2019/10/19(土) 13:14:17.73 ID:JDRmy4uY.net

>>169
ありがとうございます。

やりたいことは、htmlのソースコードからclassが指定されていない<span>と、それを閉じる</span>を削除することです。

<span>あ<span class="a">い</span>う</span>
のようにspanタグが入れ子になっているケースで、タグと閉じタグの対応を維持したまま
あ<span class="a">い</span>う
のようにするのがうまくいかずに苦戦しています。

171 名前:> 168 sage 投稿日:2019/10/19(土) 14:45:18.81 ID:???.net

普通は、ある要素を削除すれば、
その内側に存在する、すべての要素も削除される

そうしたくないなら、削除の際に、条件を付けないといけない

「jquery dom 削除 条件」で検索すれば?

172 名前:> 168 sage 投稿日:2019/10/19(土) 15:12:21.86 ID:???.net

remove( 式 )

引数に、選択条件式を指定することで、削除する要素を絞り込める。

式に、子孫要素に、classが指定されている<span>がある場合に、
その要素を一旦コピーしておいて、
先祖要素を削除してから、その削除した所に、付け替える

unwrap( ) もある。
これは、子要素から見て、単にその親要素を削除する

173 名前:> Name_Not_Found sage 投稿日:2019/10/19(土) 22:34:16.00 ID:???.net

>>171-172
ありがとうございます。ほとんどパズルですね…。

174 名前:> Name_Not_Found sage 投稿日:2019/10/20(日) 00:14:24.69 ID:???.net

どこの誰が書いたかもわからんページをスクレイピングするような場合を除けば、
パズルにならないよう、htmlのほうを操作しやすいように書けばいいだけ

175 名前:> 168 sage 投稿日:2019/10/20(日) 06:52:10.54 ID:???.net

親・子要素だけに限定されているなら、unwrap( ) を使えるけど、
先祖・子孫要素の関係もあり得るのなら、複雑すぎて無理

x・y で例えれば、上は単純で、unwrap( )を使えるけど、
下は複雑

<x>
<y></y>
<y></y>
</x>

<x>
<y></y>
<z><y></y></z>
</x>

176 名前:> Name_Not_Found sage 投稿日:2019/11/09(土) 19:58:45.47 ID:???.net

cssも絡んでたら面倒だし

177 名前:> Name_Not_Found 投稿日:2019/12/02(月) 23:17:52.38 ID:mYdyaaV4.net

table の中に沢山のtrが有る場合、
5番目から8番目までのtrを取り出してtableにしたいんですが
どうやればよいですか?

178 名前:> Name_Not_Found sage 投稿日:2019/12/04(水) 05:51:47.59 ID:???.net

以下は、#src から、#dest へ、インデックス1, 2 の、2つの要素をコピーする。
clone( true ) とすると、イベントや変数なども合わせて複製される(デフォルトはfalse)

<table id="src"></table>
<table id="dest"><tbody></tbody></table>

$( "#src tr" ).slice( 1, 3 ).clone( ).appendTo( "#dest > tbody" )

179 名前:> Name_Not_Found 投稿日:2019/12/05(木) 01:01:34.76 ID:/HufYru8.net

>>178
頭いいな。

180 名前:> Name_Not_Found 投稿日:2020/01/27(月) 21:53:03 ID:hWzt81fy.net

jQueryというかcss含む質問ですが。

<dl>
<dt>項目1</dt><dd>本文1本文1</dd>
<dt>項目2</dt><dd>本文2本文2本文2</dd>
・・・
</dl>

dl {columns: 2;}
dd {display: none;}
dt.open + dd {display: block; }

$(‘dt’).click(function(){
$(this).toggleClass(‘open’);
});

●現状
項目(dt)をクリックする度にそのddを表示/非表示。

●問題点。場合によって
(1)1列目最後のdtをクリックするとその本文(dd)が2列目にまたがってしまう。
(2)2列目最初のdtをクリックするとその項目(dt)が1列目に飛んでしまう。

●希望
(1)はなんとか我慢できるものの
(2)は2列目にとどまったままにしたく(1列目と2列目の高さが変わって可)
その方法を教えてください。

181 名前:> Name_Not_Found sage 投稿日:2020/01/27(月) 22:16:36.39 ID:???.net

columnsは要素を並べるものではなくその要素のテキストを段組みするものなので
flexやgridを使いましょう

182 名前:> Name_Not_Found sage 投稿日:2020/01/27(月) 22:49:40 ID:???.net

>>181
それ上のHTMLではどう書くのでしょうか?
dt/ddがdivでまとまってれば簡単なのですが。

183 名前:> Name_Not_Found sage 投稿日:2020/01/28(火) 04:27:16 ID:???.net

トグル処理を作ってみた

visibility: hidden なら、display: none と違って、
見えない要素でも、常に存在しているから、場所がズレない!

dt, dd { display: block; }
dd { visibility: hidden; }

$( ‘dt’ ).click( function( ) {
dd = $( this ).next( ) // 直後の弟のdd
if ( dd.css( "visibility" ) === "visible" ) {
dd.css( "visibility", "hidden" )
} else {
dd.css( "visibility", "visible" )
}
} );

184 名前:> Name_Not_Found sage 投稿日:2020/01/28(火) 18:05:50.88 ID:???.net

手間かけた割に面白くないな

185 名前:> Name_Not_Found sage 投稿日:2020/01/29(水) 21:15:45 ID:???.net

>>183
閉じた時隙間ができないようにお願いします。

186 名前:> 182 sage 投稿日:2020/01/30(木) 07:02:32 ID:???.net

元の、jQuery のtoggleClass は、display: none を使っているから、場所がズレる!
だから、無理

一方、visibility: hidden なら、見えない要素でも、常に存在しているから、場所がズレない!

「javascript visibility display 違い」で検索して!

それと質問者は名前欄に、179 と質問時の番号を入れて、age て書き込んでください!
誰が書き込んでいるのか、わからないので

187 名前:> Name_Not_Found sage 投稿日:2020/01/30(木) 22:25:19.19 ID:???.net

だからそれを質問してるんだろ、アホなのかな
じゃ>>181はなんなんだ

188 名前:> Name_Not_Found sage 投稿日:2020/01/31(金) 19:48:03 ID:???.net

>>183ってマジで答えてるわけでなないよな・・・

189 名前:> きりん 投稿日:2020/02/02(日) 16:01:28 ID:k7kLwQYC.net

ループ回転するソースをかいたのですが、
一旦止まって、また動くという意図しないアニメーションができてしまいました。
最初は、じわっと動きはじめて、そのまま回転しづつけるのが理想です。
良い方法ありますか?

$(function(){
setInterval(function(){

$(function(){
$(document).ready(function(){
// degという変数を0から360まで3秒かけて変化させる。
$({deg:0}).animate({deg:360}, {
duration:3000,
// 途中経過
progress:function() {
$(‘img#cercle’).css({
transform:’rotate(‘ + this.deg + ‘deg)’
});
},
});
});
});
},3000);
});

190 名前:> Name_Not_Found sage 投稿日:2020/02/02(日) 19:01:26 ID:???.net

>>189
●css
@keyframes rot {
from { transform: rotate(90deg); }
to { transform: rotate(450deg); }
}
.rotate {
animation: 3s linear 0s infinite rot;
}
.rotate-start {
transition: transform 1.5s ease-in 0s;
transform: rotate(90deg);
}

●js
$(function() {
$("#cercle").addClass("rotate-start").one("transitionend", function() {
$(this).removeClass("rotate-start").addClass("rotate");
});
});

191 名前:> 179 投稿日:2020/02/02(日) 20:45:07.41 ID:eOmqGHc9.net

できないようなのでfloatでやります
これならHTML全くいじらずそのままでできますので
どうもでした

192 名前:> きりん 投稿日:2020/02/02(日) 21:55:22.17 ID:MxeiaJ9S.net

>>190さん
ありがとうございます。
動きました!

もうちょっと勉強します。

193 名前:> Name_Not_Found sage 投稿日:2020/02/02(日) 23:32:32 ID:???.net

>>189
$(this).animate( ) の場合は、

$(this).stop( ).animate( ) みたいに、
まず、stop で前のアニメを取り消すのが定番

194 名前:> Name_Not_Found sage 投稿日:2020/02/22(土) 14:20:52.20 ID:???.net

エクセルみたいにtableのtd要素にオートフィルタかけてsubtotal関数使うような
jQueryって存在するんですか?

195 名前:> Name_Not_Found sage 投稿日:2020/02/27(木) 22:27:03 ID:???.net

自分で作れば?

196 名前:> Name_Not_Found 投稿日:2020/03/23(月) 16:19:16 ID:WkzflHNQ.net

web制作においてJavaScriptで1番使いそうな文ってなんですか?
今Progateで勉強始めたばかりで、ループとかif文とかってそんなに使わないような気がして

197 名前:> Name_Not_Found sage 投稿日:2020/03/23(月) 17:18:31 ID:???.net

全部使う

198 名前:> Name_Not_Found 投稿日:2020/03/23(月) 17:33:22 ID:HARkJ9mv.net

>>197
ほぇ~
全部勉強するわ

199 名前:> Name_Not_Found sage 投稿日:2020/03/24(火) 19:22:15.97 ID:???.net

スゴイな…

200 名前:> Name_Not_Found sage 投稿日:2020/03/24(火) 21:03:07.14 ID:???.net

ループやif使わないプログラムってほぼないだろ・・・
大学で何やってたんだ

201 名前:> Name_Not_Found sage 投稿日:2020/03/26(木) 15:00:48.51 ID:???.net

年齢も学歴も書いてないし小学生とかかも

202 名前:> Name_Not_Found 投稿日:2020/03/26(木) 23:46:59 ID:Yhh0sd1M.net

実行制御の基本「順次」「分岐」「繰り返し」を学んでないな。やっぱり、基本をしっかり教えるサイトが必要だな。

203 名前:> Name_Not_Found sage 投稿日:2020/04/06(月) 19:06:47 ID:???.net

ここに書くべきか悩んだけどスレ違いだったらゴメン

「A Parser-blocking, cross-origin script,」な警告(要はそんな沢山の事できないから実行しねーぞ)で
jquery.min.jsの読込・実行そのものがブロックされるという本末転倒な事が起こっているWebサイトがあるんだが
これってjQueryそのものが終わっていてもう新規案件では使わないべきだと判断した方がいいと思う?

まあ元はワンパンマン(知らない人ごめん)の原作漫画がスマホだと読めないってここ数ヶ月ぐらい話題になっていて
気になって原因調べたらページ本体のスクリプトと広告部分のスクリプトが喧嘩していて上記の不具合が起こっていたわけで
珍しい不具合だし対処もやろうと思えばできる代物だけど
それ以上に「ブラウザ側にブラクラ相応の判定されるjQueryヤバくね?」と気になったので質問してみる

204 名前:> Name_Not_Found sage 投稿日:2020/04/06(月) 19:26:55 ID:???.net

それはjqueryのせいではなくdocument.writeを使って追加スクリプト読んでるのが悪いのではないのか?

205 名前:> Name_Not_Found sage 投稿日:2020/04/06(月) 19:37:53 ID:???.net

>>203
jQueryはウェブの標準技術の基本的な機能を使って作られてるので、
jQueryが動かないってことは、ウェブの世界が壊れたと言ってるのと同じ

標準技術だから使えなくなることはない
基本的な機能だからどのブラウザでも動く
それがjQueryなの

206 名前:> Name_Not_Found sage 投稿日:2020/04/06(月) 19:39:01 ID:???.net

>>203
当たり前だが、そのエラーが出てるサイトで、jQuery.min.jsの中身を
他の何に変えても同様に動かなくなるだろう

207 名前:> Name_Not_Found sage 投稿日:2020/04/09(木) 14:45:26.40 ID:???.net

cross-origin できるドメインを、許可していないからだろ

このドメインは安全だから許可するとか、そういうドメインを列挙していないから、
jQuery みたいなライブラリから、動的にscript タグを作って、読み込んだスクリプトを実行できない

仮に、この制度が無かったら、安全なサイトだと思ってアクセスしたら、
そのサイトはクラッキングされていて、
危険なドメインから、危険なライブラリを読み込んで実行されてしまう

208 名前:> Name_Not_Found 投稿日:2020/04/11(土) 14:05:36.45 ID:nJffAy/v.net

以下のHTMLがあります。
<ul class="info">
<li>東京都</li>
<li>神奈川県</li>
<li>埼玉県</li>
<li>千葉県</li>
</ul>

これに対してJqueryで下記を実行しました。
var txt1 = $(‘.info li:eq(0)’)[0];
var txt3 = ‘首都’ + txt1
console.log(txt3);

首都<li>東京都</li>

となる事を期待したのですが、

首都[object HTMLLIElement]

上記のようになってしまいました。
期待通りに結果をだすにはどのように修正すればよいでしょうか?

209 名前:> Name_Not_Found sage 投稿日:2020/04/11(土) 17:01:02 ID:???.net

そもそもこれはHTMLの仕様として間違い

<ul class="info">
首都<li>東京都</li>
</ul>

210 名前:> Name_Not_Found sage 投稿日:2020/04/11(土) 21:05:18.26 ID:???.net

ul には、li しか入れられないのかも

だから、テキストを入れられないのかも

211 名前:> Name_Not_Found sage 投稿日:2020/04/11(土) 21:22:11.51 ID:???.net

var txt1 = $(‘.info li:eq(0)’)[0].outerHTML;

212 名前:> Name_Not_Found sage 投稿日:2020/05/03(日) 20:39:27 ID:???.net

jQueryのthisの使い方って、javascriptと同じなの?

213 名前:> Name_Not_Found 投稿日:2020/05/19(火) 16:21:16 ID:QFIS7wRj.net

質問です。
下のような= + の文を見ました(+=ではない)
document.getElementById(‘~’).checked = +document.getElementById(‘—‘).value;

どういう意味かわかりますか?

214 名前:> Name_Not_Found sage 投稿日:2020/05/19(火) 16:29:58 ID:???.net

文字列から数値への変換

215 名前:> Name_Not_Found sage 投稿日:2020/05/19(火) 16:33:00 ID:???.net

(‘~’) ふーん?

216 名前:> Name_Not_Found 投稿日:2020/05/19(火) 16:58:24 ID:QFIS7wRj.net

>>214
わかりました。ありがとうございます。

217 名前:> Name_Not_Found 投稿日:2020/05/26(火) 13:48:14 ID:zJbAv5WF.net

slidetoggleを使っており、以下の1段目のli(クラス名で指定)をクリックすると、ul以下が開閉するようなものを作成しているのですが、
3段目のリストをクリックすると閉じてしまいます。これをliのクリックだけにしたいのですが、どうすればいいでしょうか?
<li クラス名>文字
<ul>
<li>リスト1
<li>リスト2

218 名前:> Name_Not_Found 投稿日:2020/05/26(火) 22:14:25.76 ID:zJbAv5WF.net

>>217
自分で解決しました。
子要素に別途クリックイベントを入れて、stopPropagationを入れました

219 名前:> Name_Not_Found sage 投稿日:2020/05/27(水) 21:26:10 ID:???.net

jQueryでtoggleメソッドを使って要素の表示・非表示を切り替える方法
https://techacademy.jp/magazine/9540

stopPropagation などは使わない。
それは、おかしい

$(this).next().slideToggle();
の、next()みたいに、正しく要素を指定していないからじゃないか?

this が、dt なら、next()で次の兄弟の、dd を指定できるはず

<dl id="acMenu">
<dt>アコーディオンメニュー</dt>
<dd>openメニュー</dd>
<dt>アコーディオンメニュー</dt>
<dd>openメニュー</dd>
</dl>

220 名前:> Name_Not_Found 投稿日:2020/06/19(金) 04:14:44.49 ID:+d5ABxwA.net

初歩的な質問なんだけど、HTMLの読み込みが完了しないでjqueryのコード走らせるとうまく動かないのなんで?
大体がDomで変化があったときに実行されるから関係ないんじゃないのかなって思ってたんだが

221 名前:> Name_Not_Found sage 投稿日:2020/06/19(金) 10:00:00.84 ID:???.net

例えば、ある要素に、jQuery でイベントを付けても、
その要素がまだ存在しないとか

あるボタンにクリックイベントを付けたけど、そのボタンは、まだ存在しないなど

222 名前:> Name_Not_Found 投稿日:2020/06/26(金) 00:00:33.90 ID:4apoj3Td.net

jQuery公式からjquery-3.5.0.minファイルをダウンロードしてクリックしてもエラー800A138Fとなって開けないのですが
これは自分のパソコン側の問題ですか?
windows10のMicrosoft Edgeなのですが

223 名前:> Name_Not_Found sage 投稿日:2020/06/26(金) 00:08:51.26 ID:???.net

ダウンロードしたのがEdgeなだけ。
JScirptで実行してるのが悪い
ちゃんと勉強しろ

224 名前:> Name_Not_Found sage 投稿日:2020/06/26(金) 00:09:33.07 ID:???.net

当たり前だがJScriptなのだからDOMが存在しない。
実行時エラーになるのは当たり前

225 名前:> Name_Not_Found sage 投稿日:2020/06/26(金) 02:18:28.76 ID:???.net

>>224
NiceScrollを紹介していたサイトの指示通りに導入しようと思ってたのですがjQuery本体が開けなくて困りました
NiceScrollを使いたいだけだったので不勉強でしたがEdgeだけ特別仕様のようなものが違うのですか?

226 名前:> Name_Not_Found sage 投稿日:2020/06/26(金) 03:12:24 ID:???.net

HTML の<head> 内か、</body> 閉じタグの直前に、script タグを書いて、
src 属性に、ファイルを置いたパスを書けば、読み込める

<scr@ipt type="text/javascript" src="./jquery-3.5.0.min.js"></scr@ipt>

script タグは書き込めないので、@ を抜いてください

227 名前:> Name_Not_Found sage 投稿日:2020/06/26(金) 03:37:21 ID:???.net

>>225
使い方の問題でブラウザのせいじゃない
最低限の知識も足りてないぞ

228 名前:> Name_Not_Found sage 投稿日:2020/06/26(金) 05:18:30 ID:???.net

いまどきNiceScrollとかどんだけ時代遅れなんだ
scrollIntoViewで充分だろ
IE11でもbehavior: "smooth"が効かないだけで機能はするしな

229 名前:> Name_Not_Found sage 投稿日:2020/06/27(土) 00:50:59.82 ID:???.net

そういえばコロナの在宅勤務で自宅のパソコン使う人が増えて
地味にIEのシェア増えたって主に日本だけで
くそかよ

230 名前:> Name_Not_Found sage 投稿日:2020/06/27(土) 02:21:12.27 ID:???.net

日本はまだまだIE11の呪縛は解けないのです…

231 名前:> Name_Not_Found sage 投稿日:2020/07/09(木) 20:35:25.56 ID:???.net

マイナンバーカードのポイント
マイナポイントはIE11以外は保証しないとかどっかで見て笑ったわ

ねーの!!!

232 名前:> Name_Not_Found 投稿日:2020/07/10(金) 02:08:37.73 ID:h+w3lOZe.net

widthでウインドウサイズが特定のサイズの時だけimgのサイズが取れないバグが出てるんだけど何か対処方法ある?

233 名前:> Name_Not_Found sage 投稿日:2020/07/10(金) 02:42:37.12 ID:???.net

>>232
jQueryやめてgetBoundingClientRect使えばいいんじゃね

234 名前:> Name_Not_Found sage 投稿日:2020/07/10(金) 10:17:51 ID:???.net

jQuery使ったらちゃんと取得できたりしてなw
ブラウザのバグなら対応してる可能性が高い

235 名前:> Name_Not_Found sage 投稿日:2020/07/10(金) 20:28:31.20 ID:???.net

ここはjQUeryスレなんだから、jQuery使っててうまくいかないってことだろ

236 名前:> Name_Not_Found sage 投稿日:2020/07/11(土) 02:21:46 ID:???.net

JavaScriptの質問でもあるんだから聞いてみないとわからんね

237 名前:> Name_Not_Found sage 投稿日:2020/07/15(水) 07:40:00.20 ID:???.net

jQueryのlazyloadの演出が嫌なのですが、effect無効化かeffectspeedを0にする方法を教えてください
環境はFirefoxにStylus、Tampermonkey、uBlock Originの拡張が入っています
jquery.lazyload.min.jsをブロックすると画像が読み込まれませんでした

238 名前:> Name_Not_Found sage 投稿日:2020/07/15(水) 12:42:31.91 ID:???.net

jQueryにはlazyloadなんて機能はありません

239 名前:> Name_Not_Found 投稿日:2020/07/24(金) 23:27:12.94 ID:UKkdawaB9

週休3日制を採用している企業一覧
https://www.k-society.com/recruit/list_of_companies_allow_a-four-day-workweek/
「週休3日・下限年収1000万」採用ツイートが話題に! “日本のエンジニア安く買い叩かれ過ぎ問題”に一石を投じた起業家の願い
https://type.jp/et/feature/11257
ネクスウェイ、週休4日制・1日3時間勤務選択できる勤務体系を導入
https://news.mynavi.jp/article/20191217-940849/
週休4日OK、介護などと両立も SMBC日興が導入へ
https://www.asahi.com/articles/ASMDJ4HD3MDJULFA01K.html
ルネサス、週休3日制導入へ 連休明けから5000人対象
https://www.nikkei.com/article/DGXMZO58462290U0A420C2TJ2000/
土日と「水曜」は休日! ベンチャー企業が「週休3日制」を導入してよかったコト
https://www.j-cast.com/2019/07/21363088.html?p=all
2020年4月より「週休3日制」を導入。テックカンパニー化に向け、好循環を生み出すエンジニアリング組織へ
https://prtimes.jp/main/html/rd/p/000000096.000016431.html
「週休3日」でバズった、無人コンビニ「600」はどんな会社か
https://media.moneyforward.com/articles/3394

240 名前:> Name_Not_Found sage 投稿日:2020/07/28(火) 16:20:17 ID:???.net

こんにちは、初心者ですが相談させてください。jQueryで例えば
setTimeout(()=>{$(‘button#hoge’).click()},1000);
とした時、Firefoxで実行すると間違いなくクリックされるのですがGoogle Chromeだと3回に1回くらい
クリックされないことがあるのです。1000を3000にしても同じです。まずちゃんとセレクタが働いているのか確認しようと思い、
setTimeout(()=>{$(‘button#hoge’).focus().click()},3000)
としてみるとちゃんと3秒後にフォーカスされるのにクリックはされない事があるのは同じでした。どういう理由と解決策が考えられるでしょうか?

241 名前:> Name_Not_Found sage 投稿日:2020/07/28(火) 19:30:42.52 ID:???.net

ブラウザが悪い
Firefoxを使う

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です