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

JavaScript覧 / PC版 /

みんなの評価 :

前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ

/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで

601 = :

>>577
かっこ悪いが
#flick ul {display:table-cell; white-space:nowrap;}
#flick ul li {width:○○px; display:inline-block;}

602 = :

>>599
つjquery.ui.touch-punch.js

603 = :

var w=0;
$('li').each(function(){
w=w+$(this).outerWidth();
});
$('ul').width(w);
$('#flick').flickSimple();

604 = :

>>602
ありがとうございます。
あっけないほどに解決しました。

606 = :

もしかして
>>568 == >>589 ← 頭悪い人 ?

607 = :

>>606
なんのためにレスしたの？

608 = :

質問読んでないのがいるよな
>>568とか>>589とか
鼻から答える気ないのだろうが

609 = :

で？

612 = :

AJAXでPHPを実行する時に、POSTでもGETでも行けるのですが、
何故ですか？何で同じような機能が二つもあるんですか？
不思議でたまりません。

613 = :

GET/POSTの使い分けは調べれば腐るほど出てくるからまずググれ

614 = :

>>611
頭悪い人必死だなｗ

615 = :

>>613
ググったら逆に多すぎて分かりません。
使い方が知りたいのではなくて、何故二つの方法があるのか
３０文字以内で答えよ。

616 = :

>>615
多すぎるって、そりゃGET/POSTなんて基本中の基本だから多いよ。
俺の下手な説明を求めるよりいいサイトを見つけろ。

617 = :

答えになっていないし文字数オーバー。
０点。

618 = :

お前の質問には0点の答えがお似合いということだ

619 = :

>>617
横だが、酷い質問者だな。
探すのに1分かからなかったぞ。
http://write-remember.com/archives/2530/

これに答えろ
PHPのecho()とprint()の違いを30文字以内で答えよ。

620 = :

どうみてもネタだろ
>>618 はいい奴だな
これからは出題形式の質問が流行る

621 = :

619のまちがいだった

622 = :

>>611のスレはすぐ別のライブラリ出してくるのがいて面倒だが
ここは基本通り答えてくれるからいいな

623 = :

jQuery-UI使う時に
mouseenter
mousemove
mouseleave
は必ず発生する事は保証されていますか？
例えば素早くマウスを動かした場合などに。試した限りでは
正しそうなのですが確証がありません。

624 = :

残念ながら、jQueryを使いこなす人達は、
jQuery-UIなんてほとんど使わないんだよ。

だからjQuery-UIの細かい仕様をここで聞いても回答はされないと思う・・

625 = :

>>623
ブラウザの仕様によるだろう。

626 = :

<div>が複数あって、入れ子などになっている場合に
var divAll = $('div');
で全部のdivを取得したあと、
.prependTo()
.insertBefore()
.insertAfter()
.appendTo()
など使ってdivの入れ子関係を変化させた後で、上記のdivAllを参照しても問題ありませんか？
それとも、変化させたあとで最新の状態でもう一回
var divAll = $('div');
のように実行する必要ありますか？
それと、divの中にJavaScriptコードが有る場合、divの構造を変化させた場合に何か注意事項などありますか？
それとも、心配しなくても問題なく動作しますか？

627 = :

>>626
divAllを参照しても問題ない。　そもそも全てのdivを指定するのに入れ子構造とか関係ない。
階層セレクタで破壊的メソッド使用する場合は問題ある。$（'div div > div'）のようなセレクタなど。

divの中のjavascriptコードの件もたぶん関係ないがどんなコードかによる。

628 = :

質問者の意図間違えて捉えてたかも。
jQueryで追加したdivを除いて、最初のdivだけを選択したいなら、問題ある。
クラス名でも付けて分けるべき。

629 = :

>>628
詳しいレスありがとうございました。
入れ子の位置関係を入れ替えるだけなので破壊はしません。
でもやはり最新の状態でdivAllを取得するほうが安心ですね。
そうします。

630 = :

現在、一つのページ内で、複数の要素のページ遷移をしているのに使っていて、

$('#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);
});
});
});
以下同じ要領で複数個

こんな感じで番号を変えているだけなのですが、
これを一つにまとめるにはどうすればいいのでしょうか？

632 = :

>>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();

※結構自信ないので、他の回答者さん、遠慮なく突っ込んでくれｗ

634 = :

共通のclassを設定できるんならそれを設定してそのセレクタで
だめなら [id^=pagenate] のセレクタ使うとか

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

まあforでもいいけどね

636 = :

>>632
jQuery使っていて、forを使い出したら負けだと思うよｗ

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

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

現時点では特に新しく言えることはなかったなｗ

637 = :

.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
では無いんでしょうか？

639 = :

すいません、送信してしまいました

<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 = :

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 = :

「戻る」リンクとかどうするの?とか、今何ページ目なのかわからなくなりそうだねとか
そもそもデータの読み込みはajax?iframe?とか疑問が止まないので

知識がないならページネーションはプラグインの方がいいんじゃない？と言いたくなってしまうが
それ言っちゃおしまいか。

642 = :

>>640
おお！できました！
ありがとうございます！
一番多いページでpagenate-74まであったので助かりました！

>>641
すみません、戻るとページ番号のリンクもあります。
簡単にhtml構造だけ書きました。
ajaxとかiframeとかはよくわかりませんけど、なんかとりあえず今までも問題なくできてました。

643 = :

ピクセル単位で値をセットする場合、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の場合も一応セット出来るみたいなので。
上級者の人教えてください。

646 = :

>>645
普通はこうやる。
http://jsfiddle.net/smemj7nq/

どうしてもjQueryでやりたければ、
自分でできるところまでやったものを書くこと

648 = :

いつも思うんだけど、jQueryやる人はjQueryに頼り過ぎだよ。
JavaScript = プログラマのもの
CSS = ウェブデザイナのもの
みたいな所があるのかね？

649 = :

>>648
適切なものを使わないのは単に見つけられなかった、知らなかったからだと思う
例えばmarginの左右autoによる中央揃えを知らなかった場合、JavaScriptで中央揃えをするような人もいると思う
(特に普段HTMLやCSSを触らないプログラマの人とかならあり得なくはない)

650 = :

>>649
つまり勉強不足ってことでしょ？

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

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

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

「あり得なくはない」という考えがありえない。