TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼
■HPの平均寿命■
【ITギア】ITギアアクセス解析
Strict-HTML1.1 スレッド9
HTML/CSS のどんな質問にも優しく答えるスレ 38
JavaScript Tips コレクション
【td】テーブルレイアウトの何が悪いん? 4 【/td】
魔法のiらんどに疲れた奴の集い 2
Web制作板なんでも雑談スレ
ホームページ作ったらどうやって宣伝してる?
SEO対策無双 Part11【自演 圏外 AA荒らし】
jQuery ライブラリ 総合質問所 vol.4
- 1 :2014/05/17 〜 最終レス :2015/12/31
- jQuery および jQuery UI ライブラリの使い方や、
jQueryプラグインの作り方を質問するスレッドです。
こんなプラグインありませんか?と聞くスレではありません。
jQueryを使って作る側の質問スレです。
探すのは自分で探してください。ろくにサポートもされてなさそうな
野良プラグインの使用はおすすめしません。
前スレ
【jQuery】JavaScript ライブラリ総合質問所 vol.3
http://toro.2ch.sc/test/read.cgi/hp/1369444026/
jQuery以外の話題はこちらへ
+ JavaScript の質問用スレッド vol.115 +
http://toro.2ch.sc/test/read.cgi/hp/1399072595/
- 2 :
- >>1
なぜ jQuery 限定?
勝手に改変された?
- 3 :
- jQuery以外知ってる人はここには居ないので、そのライブラリの公式フォーラムやstackoverflowとかで聞いてください
- 4 :
- >>3
それなら別にjQueryスレをたててね
勝手に総合スレを乗っ取らないでね
- 5 :
- まぁでもjsライブラリ総合とjqueryは実際分けた方が良いかもね。
- 6 :
- jQueryスレ立てるとしても、ここだとjQuery以外のライブラリ質問が本スレに誘導されるからよろしくない
それが>>1の狙いなんだろうけどね
- 7 :
- ライブラリ禁止ならここを使うといいよ。
純粋JavaScript(ECMAScript)専用質問スレ
http://toro.2ch.sc/test/read.cgi/hp/1400502900/
- 8 :
- そこはECMAScriptスレだから用途が違うがな
- 9 :
- このスレは削除依頼が出てるから放置で
- 10 :
- ここがjQueryスレだろ
タイトル的に
- 11 :
- どうしてもここを使ってjQuery以外を本スレに誘導したいみたいね
ライブラリは総合スレがあるからここは不要
- 12 :
- "JavaScript ライブラリ総合質問所 vol.4"で立ってたスレが移転の影響で落ちてる…?
- 13 :
- >>12
落ちてたけど、立て直されてる
JavaScript ライブラリ総合質問所 vol.4
http://peace.2ch.sc/test/read.cgi/hp/1400834117/
- 14 :
- ドルを単体で使った場合、ドルは何を指し示しているんですか?
こんな感じ↓名前空間?
$.getJson()
スレチだったら、誘導お願いします。
- 15 :
- >>14
一つ上のレスぐらい読もう
- 16 :
- >>15
それじゃ誘導されまーす
- 17 :
- >>14
jQueryオブジェクトそのものだよ。
JavaScriptでは関数もオブジェクトってことを知っていれば、
obj.foo = 1 や obj.bar() と同様に、
関数 function Hoge() {} にプロパティやメソッドを追加できる気づくはず。
つまり Hoge.foo = 1 とか Hoge.bar() とか できる。
jQueryに話を戻すと、 $ = jQuery
$(セレクタ)という関数呼び出しもできるし、
$.getJson() という関数オブジェクトにくっついたメソッド呼び出しも出来る。
- 18 :
- validateプラグインの質問ですが
必須チェックはサブミット直前のみ、それのチェック以外はリアルタイム
といったようにバリデーションの種類ごとに
タイミングを変えることは可能でしょうか?
- 19 :
- jQuery, Lodash などライブラリ関連の質問は、下記のスレへ
JavaScript ライブラリ総合質問所 vol.4
ttp://peace.2ch.sc/test/read.cgi/hp/1400834117/l50
- 20 :
- jQueryはここでいいでしょw
- 21 :
- 【CSS】
#wrapper { position: relative; width: 500px; height: 500px; }
#wrapper div { position: absolute; width: 500px height: 500px; display: none; }
#wrapper div:nth-child(1) { background-image: url(img1.jpg); }
#wrapper div:nth-child(2) { background-image: url(img2.jpg); }
・
・
#wrapper div:nth-child(20) { background-image: url(img20.jpg); }
【html】
<div id="wrapper">
<div></div>
<div></div>
・
・
・
</div><!-- #wrapper end -->
【jQuery】
$wrap = $('#wrapper');
$elem = $wrap.find('div');
$elem.show().each(function(i){
//最初全てのdivが重なって表示されている状態から、0.5秒間隔で一つ目のdivから20個目まで順々に消す処理をしています。
$(this).delay((20 - i) * 50).fadeOut(0);
}
上記コードで高速スライドショーみたいなのを実装したのですが
mac firefoxだと期待通りに動くものの、mac chromeだと飛び飛びになってしまいます(他ブラウザでは未検証)
おそらく処理が追いついてないのでしょうが、飛び飛びにならないようにするにはどうしたらいいでしょうか?
- 22 :
- すみません、sage進行だったのでしょうか? 気をつけます
- 23 :
- >>21
jqueryのバージョンあげてもダメ?
- 24 :
- >>23
バージョンを忘れてました
バージョンは1.11.1です。IE8を切れないので2系は無理です。。
http://peace.2ch.sc/test/read.cgi/hp/1400834117/l50
こちらが本スレみたいなので、質問はこちらにも書いてます。
- 25 :
- JqueryMobileを用いswipeイベントを処理する下記のコードを記載しました。
マウス操作でイベントを確認できたので、windowsタブレットでスワイプを実施すると、
divタグのイベントではなく、画面のイベントとして画面が移動してしまいます。
タブレット使用時、特定の範囲に関して、スワイプのイベントを処理する
場合、どのようなコードを書くべきでしょうか。
$(document).ready(function(){
$('#ph-swipe').bind('swipe', function(){
$(this).text($(this).text()+'!');
});
});
<div style="width:100px; height30px; background-color:blue;"id = "ph-swipe">スワイプイベント</div>
- 26 :
- ここは重複スレなんだけどね
>>19
- 27 :
- http://techblog.yahoo.co.jp/programming/js_callback/
の
function sleep(ms) {
var d = new $.Deferred;
setTimeout(function(){
d.resolve();
}, ms);
return d.promise();
}
$.when(function(){ console.log(0); }())
.then(function(){ return sleep(1000); })
.then(function(){ console.log(1); })
.then(function(){ return sleep(1000); })
.then(function(){ console.log(2); });
を1.7.2でやるにはどう修正すればいい?
- 28 :
- jqueryのdatepickerでテキストボックスの横にボタンを
置いてそれがクリックされるとカレンダーが表示されるように
しているのですが、このボタンの大きさは変更できないものでしょうか?
- 29 :
- すみません、jQuery初めてです。初歩的なことなのかもしれませんが質問させてください。
下記のようなコードで、divの表示、非表示を切り替えようとしているのですが、ブラウザのをリロードしたときには
JQueryのコードがうまく動かないのに、リンクを分でページ遷移して同じページを表示するとうまく実行されます。
つかっているブラウザはchromeなのですが、何がいけないかわかりますでしょうか?
(ブラウザの読み込み方の違いが影響している?)
$('#hoge').toggle();←scriptタグ内でこのまま書いています。
--
<div id='hoge' style='display: none;'>XXX</div>
--
- 30 :
- 自己解決しました。DOMツリー構築前後での実行タイミングの問題だったようです。失礼しました。
- 31 :
- ここは重複スレなので、以降は>>19に書き込んでね
- 32 :
- jQuery UIで質問
Dialogが表示領域外に出ていかないのを出ていくようにするには
どうすればいいでしょうか?
- 33 :
- $('#hoge').dialog({
position: {
collision: 'none'
}
});
でいけそうな気がしたけど駄目だった…
- 34 :
- 連投スマソ…色々ググったところ↓で出来た
$('#hoge').dialog({
// position は関係無かった
}).dialog('widget').draggable('option', 'containment', 'none');
- 35 :
- jQuery初心者で勉強中の者です。
ttp://calie.jp/beashow/index.htmlのサイトのような
画像を読み込んだら自動でエフェクトが動く動きを実現するには
jquery.inview.jsとjquery.easing.1.3.js
が必要だということはわかったのですが、どのように記述すれば実現できるのかがわかりません。
画像をよみこんでフェードインさせる方法を詳しい方ご教授いただけないでしょうか
- 36 :
- ここは重複スレなので、以降は>>19に書き込んでね
- 37 :
- >>35
こっちに引っ越しね。
+ JavaScript の質問用スレッド vol.117 +
http://peace.2ch.sc/test/read.cgi/hp/1403330196/
- 38 :
- jQuery, Lodash などライブラリ関連の質問は、下記のスレへ
JavaScript ライブラリ総合質問所 vol.4
ttp://peace.2ch.sc/test/read.cgi/hp/1400834117/l50
- 39 :
- load()を使って外からhtmlを読み込んだのですが、読み込んだあとのhtmlを見てみたらば
::beforeと::afterってのが入ってました。
この、::beforeと::afterって何ですか?
- 40 :
- jQuery, Lodash などライブラリ関連の質問は、下記のスレへ
JavaScript ライブラリ総合質問所 vol.4
ttp://peace.2ch.sc/test/read.cgi/hp/1400834117/l50
- 41 :
- バリデーションのライブラリ探してるんだけど、今は何が良いの?
exValidationっての見たけど開発が止まっているようだ
最後の更新が3年前
validation-Engineってのは最終は2ヶ月前らしいけど
日本語対応してるのであればやっぱこの2つのうちどっちかなのかな?
- 42 :
- ごめん、良く読まずに質問したようだ
javascriptスレに質問しないといけないのかな?
- 43 :
- >>41-42
マルチポスト化してるので移動したなら移動したといって下さい。
http://peace.2ch.sc/test/read.cgi/hp/1400834117/433n-
このスレは放置推奨
- 44 :
- jqueryでイベントが設定されているか調べるにはどうしたらいいですか?
$('#id').on('click', fn);
$('#id').hasEventListener('click') // ← 結果:"true" みたいな事がしたい
- 45 :
- http://blog.jquery.com/2011/11/08/building-a-slimmer-jquery/
> .data(“events”): jQuery stores its event-related data in a data object
> named (wait for it) events on each element. This is an
> internal data structure so in 1.8 this will be removed from the user data
> name space so it won’t conflict with items of the same name.
> jQuery’s event data can still be accessed via jQuery._data(element, "events")
> but be aware that this is an internal data structure that is undocumented and should not be modified.
_dataで取得できるけど、内部データだって書いてあるね。
個人的には、イベントが設定されているかを調べるべきではないし
だから不要だと思っているが。
- 46 :
- 何をしたいのかわからないが、イベントが設定されているか
調べるよりももっといい方法があるはず。
- 47 :
- !!$._data( elem, [] ).events["click"]
エレメント単位でしか見れない
ただ >>45,46 の言う通り他の方法があるのでは?
- 48 :
- ありがとうございます
一先ず>>47の方法で対応してみます。
みなさんは、ユーザーのアクションによってイベントを設定する場合どうされてるんですか?
予めフラグ変数を用意してそれで判別する事もできますが、
イベントリスナーが登録されているかを調べるのが一番スマートだと思うんですよね。
ユーザーのアクションの度にon()するとイベントが複数回設定されますし、
毎回off()してからon()するのも何か違う気がするんですよね。
他の、例えばGoogleのClosure LibraryにはhasListener()がちゃんとありますし、SenchaのExtJsにもhasListener()があります。
イベントが設定されているか調べられるんですよね。
jqueryに無いってちょっとおかしくないですか?
- 49 :
- >>48
まず前提として、ユーザーのアクションによって、イベントが設定された状態っていうのは、
イベント対象のオブジェクト(要素)がとあるアクション(メソッド呼び出し)によって状態変化したものと考える。
イメージとしては、要素をクラスでラップして、拡張した感じをイメージすればいい。
例えばドラック可能なオブジェクトであれば
class DraggableObject {
var someProperty:
someMethod: function() {}
<div>いろいろ</div>
}
DraggableObjectのインスタンスに対して、状態を変えるメソッドを実行すれば、
その状態を記録すると同時に、内部のHTMLにaddClassしたりイベントを追加したりする。
だからDraggableObjectは自分がどういう状態か知っているし、登録したイベントハンドラも知っている。
フラグといえばフラグだが、フラグ変数みたいにオブジェクトと分離されたものではなく
イベント対象のオブジェクト(要素)を拡張した高機能なオブジェクトとして一つにカプセル化することが出来る。
ではこの、class DraggableObjectをどうやって実現するかだが、その方法は色いろあるだろうが、
jQuery風にやるのであれば、jQueryUIを参考にすれば良い。
例えば、 $( ".draggable" ).draggable(); とやることで、class="draggable" なただの要素が
すべてdraggableな拡張されたオブジェクトへと変化する。$( ".draggable" ).draggable( "enable" ); と
やればドラッグスタートだ。内部ではイベントをつけたりしているだろう。
他にもjQuery的な臭いをなくしたいのであれば、var myObject = new MyObject('#id") とやって
myObject.enable() みたいなやり方もある。(内部でjQueryを使っていたとしても)外部からは
jQueryの臭いが消えるが、jQuery的なセレクタにマッチした複数の要素対して一括で処理を行うとかはしづらくなるが。
- 50 :
- ttp://www.tailtension.com/jquery/45/
ttp://www.tailtension.com/demo/jquery_pagination_plugin/jquery_pagination_plugin.html
すみません
このページネーションサンプルに、
各ページに画像表示させて、
ページ切り替えた時にだけ画像読み込むようにする遅延ロード組み込むのはどうやるのでしょうか。
- 51 :
- jQuery 2.1.2リリース!
https://github.com/jquery/jquery/releases
- 52 :
- プログラム板で、このスレへ誘導した者だが、
このスレは荒らしが立てたスレらしいので、
jQuery, Lodash などライブラリ関連の質問は、
下記のスレへ書き込んでくれ
この板(Web制作管理板)の
JavaScript ライブラリ総合質問所 vol.4
ttp://peace.2ch.sc/test/read.cgi/hp/1400834117/l50
- 53 :
- でも実際jqueryで検索するとこっちが出るんだよな
わざわざJavaScriptで検索する人はいまい
- 54 :
- 既に何度も誘導されてるし、今後も誘導すればいいだけ
JavaScript ライブラリ総合質問所 vol.4
http://peace.2ch.sc/test/read.cgi/hp/1400834117/
- 55 :
- jQueryの質問が多ければ別に専用スレがあっても良い気がするが
スレタイと>>1の内容がアカンのだよな
- 56 :
- >>55
それはライブラリ総合質問所がjQueryで溢れて他ライブラリの質問が埋もれてから考える問題
JavaScriptスレの方は「周囲がしっかり誘導しろよ」とは思うけど
- 57 :
- まあ総合質問所の方は質問で改めて書く必要ないほどjQueryの使用が
当たり前みたいになってるからな
- 58 :
- DOM APIを直接使うものなら、何かの制限がない限り
jQueryでいいわけだし。
DOMを直接使わないのであれば、AngularJSの話でとか
説明するだろうし
- 59 :
- >>56
いちいち誘導せないかんのがおかしい
スレタイは一目でわかるほうがいい
今はjsあまりかじらずjQから入る人も多いだろうから
「JavaScript ライブラリ」なんてワード頭に浮かばないだろう
スレタイ一覧で目に留まっても普通はスルー
- 60 :
- 違和感ある言い方するなぁ。
jQuery使ってもJavaScriptはJavaScriptだろ。
JavaScriptの部分は何も変わってないよ。
CoffeeScriptじゃあるまいし。
jQuery使っているからといって、
それが言語名だと勘違いしている人はないだろうし
だからこそ、JavaScriptスレでjQueryの話題が出てるんだぞ
- 61 :
- >>59
リテラシーの低い人に合わせる考え方がおかしい
そういう勘違いする人はライブラリという単語を教えて徐々に浸透させるのが常道だろう
そもそも、ここで質問する人よりライブラリ総合質問所の方が圧倒的に多い
誘導しなきゃならないケースがそれ程多くない
- 62 :
- jqgridでカラム部分に当たるcolnamesを変更する方法ってありますか?
colmodelは変数を持ってくれば変更できたのですが、colnamesはエラーになってしまいます
- 63 :
- 変更というのは初期表示画面からの変更です
- 64 :
- >>62-63
JavaScript ライブラリ総合質問所 vol.4
http://peace.2ch.sc/test/read.cgi/hp/1400834117/
- 65 :
- >>60
だから?としか言いようがない
- 66 :
- >>65
うん。だからJavaScriptスレでjQueryの
話をしても問題ないということ。
- 67 :
- >>66
面白い冗談だね
- 68 :
- ライブラリの質問はライブラリ総合スレへどうぞ
JavaScript ライブラリ総合質問所 vol.4
http://peace.2ch.sc/test/read.cgi/hp/1400834117/
- 69 :
- >>66
そんなことはどうでもいい
ここでjQueryの話をしても問題ないということか
- 70 :
- JSのほうが見てる人は多いが
jQueryの質問はどちらでもいいということ?
ならわざわざ誘導する必要もないね
- 71 :
- どこで何を書き込んでもいいよ。
俺もどこで何でも書き込むから。
すれ違いでも適切だと思ったことを書く。
- 72 :
- >>70
重複スレの誘導、スレのローカルルールを守る
当たり前のこともいわないと分からないのかね
- 73 :
- >>72
言ってもわからないです。
- 74 :
- >>73
頭悪いね
- 75 :
- >>72
>>1
本家(?)はタイトルのつけ方が悪いので重複ではない
ではOKなんだね
当たり前だよね
- 76 :
- >>75
取り扱う内容が重複するから重複スレだし、ここは重複スレ
当たり前のことを一々説明しなければならない程に頭が悪いんだな
- 77 :
- ライブラリ総合質問所の前スレ(Vol.3)のタイトルが既に危険性はらんでいたんだな
- 78 :
- タイトルにjQueryがついていたが故にjQuery専用スレと勘違いして、JavaScriptスレでライブラリの質問をしていた人がいた事を踏まえれば、「JavaScript ライブラリ総合質問所 vol.4」のタイトルは妥当だろうな
- 79 :
- >>78
タイトルにjQueryのワードも入れときゃいいんだよ
でないといつまでたってもこっちに書く人は出てくる
その度にいちいち誘導とか頭悪いだろ
- 80 :
- >>79
JavaScriptスレからライブラリスレへの誘導こそ頭悪いだろ
第一、ライブラリスレのタイトル変更案ならライブラリスレでやれよ
こんなところで主張するのは馬鹿のすることだぞ
- 81 :
- >>80
>JavaScriptスレからライブラリスレへの誘導
誰かそんなアホなことしてるやついたか?w
あっちは機能してるから余計なことしなくていいんだよ
- 82 :
- >>81
>>78を読み返せ
- 83 :
- JavaScriptスレはライブラリの質問禁止だな
あそこでライブラリを話をしても荒らしがライブラリ啓蒙するスレにしかならん
- 84 :
- lodash 3.0 リリース間近!
https://github.com/lodash/lodash
3.0-preから-preが外れました!
スレが多すぎてどこに書けばいいかわからないので
関連スレすべてにマルチポストしています。m(__)m
- 85 :
- fquery の fullCalendar で、予定表を作成しているのですが、
events: [
{ id:1, title: 'イベント1-1', start: '2015-01-23T16:00:00', end: '2015-01-23T17:00:00' },
{ id:1, title: 'イベント1-1', start: '2015-01-24T16:00:00', end: '2015-01-24T17:00:00' },
{ id:2, title: 'イベント2-1', start: '2015-01-23T16:00:00', end: '2015-01-23T17:00:00' },
{ id:2, title: 'イベント2-1', start: '2015-01-24T16:00:00', end: '2015-01-24T17:00:00' },
]
のようなイベントを作成して、
id 別に 表示のON OFF を切り替えることは出来ますか?
例:id:1 のイベントを表示し、id:2のイベントは隠す
- 86 :
- ライブラリの質問はライブラリ総合スレへどうぞ
JavaScript ライブラリ総合質問所 vol.4
http://peace.2ch.sc/test/read.cgi/hp/1400834117/
- 87 :
- JavaScriptスレからライブラリスレへの誘導
www
- 88 :
- >>82
JavaScriptとjQuery両方入れたらだめなん?
- 89 :
- >>88
付いてたよ
- 90 :
- 過去形かよ
- 91 :
- ではjQueryはこちらで了解しました
- 92 :
- >>91
頭悪いね
- 93 :
- >JavaScriptスレからライブラリスレへの誘導
頭悪いね
- 94 :
- >>93
馬鹿はおまえ
- 95 :
- >>94
馬鹿なのでjQueryはこちらにします
- 96 :
- jQuery 特化スレッドがあっても良いね。
素の javascript はお手上げだったけど、
jQuery の助けを利用したら動いたよ!って人も多いだろうし。
- 97 :
- ライブラリスレで十分だろ
重複スレ立てるな
- 98 :
- あっちだとjQの殻はがして説明するのいるからな
もちろんそれの方がいい場合もあるし、最低限なこと(演算子など)もあるが
世の中そこまで求めてないのもいることは確か
よって別にこっちもあってもいいよ
- 99 :
- 俺はどのスレでも気にしないよ。
どのスレでも適切な回答をするし。
- 100 :
- JavaScript ライブラリのほうが回答者も多いのでそちらで質問してもいいし。
jQueryだけにとどまらないのなら誘導してもいいし。
jQueryでヒットしてこちらに質問してきたらそれはそれでいいし。
両方あってもいいのでは。
重複以前にスレタイのつけ方に問題あるのだから。
100〜のスレッドの続きを読む
被リンク×[ ]=SEO対策 評判 2ch 効果 Part2
一日3桁ホトの管理者スレッド
【レンタル】携帯用掲示板PART.1
最近のHPは字が小さすぎるヾ(`д´゙)ノ
FLASHだけあれば良い(HTML&CSS不要)
【ラクできず】楽天RMS【儲からないシステム】
相互リンク論
サイト運営って金儲けになるんですか?
【低ヒット】閑古鳥ランキング【弱小】
_____________________________________________HTA
--------------------
【誰のため?】三重県一漁協 賛成・反対
【BVB09】Borussia Dortmund 903【???】
☆名古屋でおいしいケーキ屋さん2☆
大型の運転手いいぞ〜 黙々と一人で運転するだけだからコミュ障でもOK ワイはフルトレーラ・キャリアカー運転で年収800万だ [479772354]
【精神病】統合失調症の遺伝的要因 共通性、発症の違い解析 「日本、欧米の患者で遺伝的要因が共通」「民族差なく一定数が発症」
冨樫義博の幽遊白書 霊丸121発目
【荒らし歓迎】銀魂荒らし統合ヲチ7【隔離施設】
【ラストエンペラー】愛新覚羅【華麗なる一族】
Sonic Mania 2017
【自称FX億トレ】TraderAki 65【正々堂々ヒロセの犬】
Mr.Children1984
【阪急神戸線スレッドPart49】梅田・十三・西宮北口・岡本・神戸三宮 [無断転載禁止]c2ch.net
バブル世代の生ゴミバカ女
●●●じゃがいも料理 4個目●●●
中小企業診断士2次MMC
【バーチャル】hololiveアンチスレ#3659【youtuber】
木酢液 1杯目
高嶋ちさ子&12人のバイオリニスト&控え2人(謎)
岩手県総合スレ10
【PS4】Bloodborne ブラッドボーン 世界観設定議論・考察スレ21
TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼