のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,645,413人
昨日: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
601 : Name_Not - 2015/09/13(日) 10:11:51.24 ID:???.net (+8,-30,-83)
>>577
かっこ悪いが
#flick ul {display:table-cell; white-space:nowrap;}
#flick ul li {width:○○px; display:inline-block;}
602 : Name_Not - 2015/09/13(日) 10:16:06.96 ID:???.net (+33,-29,-17)
>>599
つjquery.ui.touch-punch.js
603 : Name_Not - 2015/09/13(日) 12:52:59.52 ID:???.net (+3,-30,-88)
var w=0;
$('li').each(function(){
w=w+$(this).outerWidth();
});
$('ul').width(w);
$('#flick').flickSimple();
604 : Name_Not - 2015/09/13(日) 13:10:54.91 ID:???.net (+62,+29,-1)
>>602
ありがとうございます。
あっけないほどに解決しました。
605 : Name_Not - 2015/09/13(日) 14:39:34.22 ID:???.net (-1,-29,-33)
flickSimple試してみたが横スライドする部分はつまんで縦スクロールできないんだな。
使い道にもよるが横に並べるだけならowl.carousel.jsのほうがいいかも。
606 : Name_Not - 2015/09/14(月) 21:11:46.03 ID:???.net (+31,-29,+1)
もしかして
>>568 == >>589 ← 頭悪い人 ?
607 : Name_Not - 2015/09/15(火) 09:59:56.58 ID:???.net (+62,+29,-3)
>>606
なんのためにレスしたの?
608 : Name_Not - 2015/09/16(水) 22:33:56.66 ID:???.net (+62,+29,-11)
質問読んでないのがいるよな
>>568とか>>589とか
鼻から答える気ないのだろうが
609 : Name_Not - 2015/09/16(水) 23:48:40.93 ID:???.net (+11,-6,-4)
で?
612 : Name_Not - 2015/09/18(金) 19:28:08.32 ID:???.net (+55,+27,-46)
AJAXでPHPを実行する時に、POSTでもGETでも行けるのですが、
何故ですか?何で同じような機能が二つもあるんですか?
不思議でたまりません。
613 : Name_Not - 2015/09/18(金) 19:36:33.94 ID:???.net (+33,-28,-21)
GET/POSTの使い分けは調べれば腐るほど出てくるからまずググれ
614 : Name_Not - 2015/09/18(金) 19:50:01.15 ID:???.net (+7,+0,-13)
>>611
頭悪い人必死だなw
615 : Name_Not - 2015/09/18(金) 20:19:30.11 ID:???.net (+96,+29,-31)
>>613
ググったら逆に多すぎて分かりません。
使い方が知りたいのではなくて、何故二つの方法があるのか
30文字以内で答えよ。
616 : Name_Not - 2015/09/18(金) 22:17:54.98 ID:???.net (+70,+29,-22)
>>615
多すぎるって、そりゃGET/POSTなんて基本中の基本だから多いよ。
俺の下手な説明を求めるよりいいサイトを見つけろ。
617 : Name_Not - 2015/09/18(金) 22:37:30.88 ID:???.net (+45,+13,-3)
答えになっていないし文字数オーバー。
0点。
618 : Name_Not - 2015/09/18(金) 23:44:19.00 ID:???.net (+91,+29,-17)
お前の質問には0点の答えがお似合いということだ
619 : Name_Not - 2015/09/19(土) 10:29:43.15 ID:???.net (+4,-29,-62)
>>617
横だが、酷い質問者だな。
探すのに1分かからなかったぞ。
http://write-remember.com/archives/2530/

これに答えろ
PHPのecho()とprint()の違いを30文字以内で答えよ。
620 : Name_Not - 2015/09/19(土) 11:41:55.84 ID:???.net (+70,+29,-35)
どうみてもネタだろ
>>618 はいい奴だな
これからは出題形式の質問が流行る
621 : Name_Not - 2015/09/19(土) 11:42:46.15 ID:???.net (+29,+6,+0)
619のまちがいだった
622 : Name_Not - 2015/09/19(土) 21:56:40.64 ID:???.net (+47,+29,-23)
>>611のスレはすぐ別のライブラリ出してくるのがいて面倒だが
ここは基本通り答えてくれるからいいな
623 : Name_Not - 2015/09/20(日) 08:19:20.75 ID:???.net (+9,-29,-92)
jQuery-UI使う時に
mouseenter
mousemove
mouseleave
は必ず発生する事は保証されていますか?
例えば素早くマウスを動かした場合などに。試した限りでは
正しそうなのですが確証がありません。
624 : Name_Not - 2015/09/20(日) 11:58:27.94 ID:???.net (+57,+29,-73)
残念ながら、jQueryを使いこなす人達は、
jQuery-UIなんてほとんど使わないんだよ。

だからjQuery-UIの細かい仕様をここで聞いても回答はされないと思う・・
625 : Name_Not - 2015/09/20(日) 14:46:02.38 ID:???.net (+4,-24,-1)
>>623
ブラウザの仕様によるだろう。
626 : Name_Not - 2015/09/21(月) 10:39:42.01 ID:???.net (+9,-30,-144)
<div>が複数あって、入れ子などになっている場合に
var divAll = $('div');
で全部のdivを取得したあと、
.prependTo()
.insertBefore()
.insertAfter()
.appendTo()
など使ってdivの入れ子関係を変化させた後で、上記のdivAllを参照しても問題ありませんか?
それとも、変化させたあとで最新の状態でもう一回
var divAll = $('div');
のように実行する必要ありますか?
それと、divの中にJavaScriptコードが有る場合、divの構造を変化させた場合に何か注意事項などありますか?
それとも、心配しなくても問題なく動作しますか?
627 : Name_Not - 2015/09/21(月) 11:13:12.80 ID:???.net (+14,-30,-62)
>>626
divAllを参照しても問題ない。 そもそも全てのdivを指定するのに入れ子構造とか関係ない。
階層セレクタで破壊的メソッド使用する場合は問題ある。$('div div > div')のようなセレクタなど。

divの中のjavascriptコードの件もたぶん関係ないがどんなコードかによる。
628 : 627 - 2015/09/21(月) 11:20:12.86 ID:???.net (+85,+23,-44)
質問者の意図間違えて捉えてたかも。
jQueryで追加したdivを除いて、最初のdivだけを選択したいなら、問題ある。
クラス名でも付けて分けるべき。
629 : Name_Not - 2015/09/21(月) 11:35:24.17 ID:???.net (+69,+29,-25)
>>628
詳しいレスありがとうございました。
入れ子の位置関係を入れ替えるだけなので破壊はしません。
でもやはり最新の状態でdivAllを取得するほうが安心ですね。
そうします。
630 : Name_Not - 2015/09/21(月) 12:46:07.21 ID:???.net (+47,-30,+0)
現在、一つのページ内で、複数の要素のページ遷移をしているのに使っていて、

$('#pagenate-1').on('click', 'a.page-numbers', function(e){
e.preventDefault();
var link = $(this).attr('href');
$('#pagenate-1').fadeOut(500, function(){
$(this).load(link + ' #pagenate-1', function() {
$(this).fadeIn(500);
});
});
});
$('#pagenate-2').on('click', 'a.page-numbers', function(e){
e.preventDefault();
var link = $(this).attr('href');
$('#pagenate-2').fadeOut(500, function(){
$(this).load(link + ' #pagenate-2', function() {
$(this).fadeIn(500);
});
});
});
以下同じ要領で複数個

こんな感じで番号を変えているだけなのですが、
これを一つにまとめるにはどうすればいいのでしょうか?
631 : Name_Not - 2015/09/21(月) 20:27:33.39 ID:???.net (-8,-26,-3)
for文で回す
632 : Name_Not - 2015/09/21(月) 21:51:01.63 ID:???.net (+77,-30,-257)
>>630 HTMLの構造が書いてないので$(this)がこれで上手くいくのかわからんが、
関数にまとめて、数字部分をforでループさせたらこんな感じかと。
function PageN(){
for(var i = 0; i < $('a.page-numbers').length; i+1){
var Pagenate = '#pagenate-' + i;
$(Pagenate).on('click', 'a.page-numbers', function(e){
e.preventDefault();
var link = $(this).attr('href');
$(this).fadeOut(500, function(){
$(this).load(link + 'Pagenate', function() {
$(this).fadeIn(500);
});
});
});
}
}
PageN();

※結構自信ないので、他の回答者さん、遠慮なく突っ込んでくれw
633 : Name_Not - 2015/09/21(月) 23:28:05.10 ID:???.net (-1,-29,-22)
↑ごめん
$(Pagenate).on → Pagenate.onの間違い
634 : Name_Not - 2015/09/21(月) 23:47:48.76 ID:???.net (+42,-30,-41)
共通のclassを設定できるんならそれを設定してそのセレクタで
だめなら [id^=pagenate] のセレクタ使うとか

どっちにしろ親要素のそのidを取りに行かなきゃいけないけど
それは$(e.delegateTarget).attr('id')みたいな感じで

まあforでもいいけどね
635 : Name_Not - 2015/09/22(火) 01:52:06.91 ID:???.net (-1,-29,-18)
.delegateTargetなんて初めて知った。
日本語の検索結果もあまり出てこないな。
636 : Name_Not - 2015/09/22(火) 08:17:14.09 ID:???.net (+70,+29,-108)
>>632
jQuery使っていて、forを使い出したら負けだと思うよw

>>630
そもそもidを使うのがだめだろうね。
同じ仕様のものなんだからclass(日本語訳:種類)を使いなさい。

あとは、何か言おうと思って考えてたけど、他の人が書いているように
HTMLがどうなってるのかわからないからなんとも言えないし
>>634が言ってるようなdelegateTargetを使うことにになるだろう。

現時点では特に新しく言えることはなかったなw
637 : Name_Not - 2015/09/22(火) 12:45:46.43 ID:???.net (+3,-30,-128)
.css()で値を取得する時、
border-top-width
border-bottom-width
border-left-width
border-right-width
が正しいのですが、何故、
border-width-top
border-width-bottom
border-width-left
border-width-right
では無いんでしょうか?
638 : 632 - 2015/09/22(火) 16:23:28.40 ID:???.net (-11,-29,-16)
<div id="pagenate-1" class="list-box">
</div>
639 : 632 - 2015/09/22(火) 16:29:14.87 ID:???.net (+11,-30,-239)
すいません、送信してしまいました

<div id="pagenate-1" class="list-box">
<ul>
<li>リスト1-1</li>
<li>リスト1-2</li>
<li>リスト1-3</li>
</ul>
<p class="pager"><a href="" class="page-numbers">次へ</a></p>
</div>

<div id="pagenate-2" class="list-box">
<ul>
<li>リスト2-1</li>
<li>リスト2-2</li>
<li>リスト2-3</li>
</ul>
<p class="pager"><a href="" class="page-numbers">次へ</a></p>
</div>

こういうのが同じページ内に複数あります
pagenate-1の次へをクリックしたら、pagenate-1の2ページ目に遷移してリスト1-4~1-6を表示して、
その他のリストは1ページ目のままになるようにしたいんです

>>632を試してみましたが、駄目でした
正直、知識もないままただネット上にあるスクリプトを拾ってきて使っているだけなので、
どういう風に何を変えればいいのかもよくわかっていないです
640 : Name_Not - 2015/09/22(火) 17:51:16.72 ID:???.net (+9,-30,-179)
list-boxが他の場所に存在しないと仮定して

$('.list-box').on('click', 'a.page-numbers', function (e) {
e.preventDefault();
var link = $(this).attr('href') + ' #' + $(e.delegateTarget).attr('id');
$(e.delegateTarget).fadeOut(500, function () {
$(this).load(link, function () {
$(this).fadeIn(500);
});
});
});

こんな感じでいけるとおもう
641 : Name_Not - 2015/09/22(火) 21:37:44.46 ID:???.net (+69,+29,-88)
「戻る」リンクとかどうするの?とか、今何ページ目なのかわからなくなりそうだねとか
そもそもデータの読み込みはajax?iframe?とか疑問が止まないので

知識がないならページネーションはプラグインの方がいいんじゃない?と言いたくなってしまうが
それ言っちゃおしまいか。
642 : 632 - 2015/09/22(火) 21:49:01.24 ID:???.net (+9,-29,-77)
>>640
おお!できました!
ありがとうございます!
一番多いページでpagenate-74まであったので助かりました!

>>641
すみません、戻るとページ番号のリンクもあります。
簡単にhtml構造だけ書きました。
ajaxとかiframeとかはよくわかりませんけど、なんかとりあえず今までも問題なくできてました。
643 : Name_Not - 2015/09/24(木) 14:49:02.60 ID:???.net (+7,-30,-176)
ピクセル単位で値をセットする場合、0の時にはpxは不要ですよね。例えば、
$('#ID').css('top', '0');
でも、pxを付けて
$('#ID').css('top', '0px');
としても、セットできますよね?
もし変数の場合だと、
$('#ID').css('top', (val=0 ? '0px' : val+'px'));
みたいにするのが良いのかもしれませんが、見た目がゴチャゴチャしているので、
$('#ID').css('top', val+'px');
としてしまっても良いでしょうか?0の場合も一応セット出来るみたいなので。
上級者の人教えてください。
644 : Name_Not - 2015/09/24(木) 17:01:04.02 ID:???.net (-1,-30,-34)
>>643
> $('#ID').css('top', val+'px');

それが普通。CSSの仕様として0はどの単位をつけても
等しく0だから単位を省略可能ってだけ。
646 : Name_Not - 2015/09/25(金) 04:55:02.49 ID:???.net (+50,+29,-22)
>>645
普通はこうやる。
http://jsfiddle.net/smemj7nq/

どうしてもjQueryでやりたければ、
自分でできるところまでやったものを書くこと
647 : Name_Not - 2015/09/25(金) 08:40:37.47 ID:X3zvBF8h.net (-8,+29,-58)
>>646
ありがとうございます。めちゃくちゃ参考になりました
CSSで項目番号を追加する方法がある事をしらず

PHPやJQUERYでカウンタを使って何とかしないと駄目なのかな?と
思い込んでいました。
上記の方法で思い描いた処理を行うことができました
ありがとうございます
648 : Name_Not - 2015/09/25(金) 16:02:06.75 ID:???.net (+60,+25,-53)
いつも思うんだけど、jQueryやる人はjQueryに頼り過ぎだよ。
JavaScript = プログラマのもの
CSS = ウェブデザイナのもの
みたいな所があるのかね?
649 : Name_Not - 2015/09/25(金) 17:58:13.17 ID:???.net (+47,-29,-77)
>>648
適切なものを使わないのは単に見つけられなかった、知らなかったからだと思う
例えばmarginの左右autoによる中央揃えを知らなかった場合、JavaScriptで中央揃えをするような人もいると思う
(特に普段HTMLやCSSを触らないプログラマの人とかならあり得なくはない)
650 : Name_Not - 2015/09/25(金) 18:12:35.78 ID:???.net (+105,+29,-121)
>>649
つまり勉強不足ってことでしょ?

> (特に普段HTMLやCSSを触らないプログラマの人とかならあり得なくはない)

それが、jQueryに頼りすぎ(でCSSの勉強をしてない)ってことだよ。

JavaScript使うようなウェブプログラマにとって
必須技術であるHTMLとCSSを知らないでどうするの?

「あり得なくはない」という考えがありえない。
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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


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