私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレjQuery ライブラリ 総合質問所 vol.4
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
>>577
かっこ悪いが
#flick ul {display:table-cell; white-space:nowrap;}
#flick ul li {width:○○px; display:inline-block;}
かっこ悪いが
#flick ul {display:table-cell; white-space:nowrap;}
#flick ul li {width:○○px; display:inline-block;}
>>599
つjquery.ui.touch-punch.js
つjquery.ui.touch-punch.js
var w=0;
$('li').each(function(){
w=w+$(this).outerWidth();
});
$('ul').width(w);
$('#flick').flickSimple();
$('li').each(function(){
w=w+$(this).outerWidth();
});
$('ul').width(w);
$('#flick').flickSimple();
flickSimple試してみたが横スライドする部分はつまんで縦スクロールできないんだな。
使い道にもよるが横に並べるだけならowl.carousel.jsのほうがいいかも。
使い道にもよるが横に並べるだけならowl.carousel.jsのほうがいいかも。
>>606
なんのためにレスしたの?
なんのためにレスしたの?
AJAXでPHPを実行する時に、POSTでもGETでも行けるのですが、
何故ですか?何で同じような機能が二つもあるんですか?
不思議でたまりません。
何故ですか?何で同じような機能が二つもあるんですか?
不思議でたまりません。
GET/POSTの使い分けは調べれば腐るほど出てくるからまずググれ
>>611
頭悪い人必死だなw
頭悪い人必死だなw
>>617
横だが、酷い質問者だな。
探すのに1分かからなかったぞ。
http://write-remember.com/archives/2530/
これに答えろ
PHPのecho()とprint()の違いを30文字以内で答えよ。
横だが、酷い質問者だな。
探すのに1分かからなかったぞ。
http://write-remember.com/archives/2530/
これに答えろ
PHPのecho()とprint()の違いを30文字以内で答えよ。
>>611のスレはすぐ別のライブラリ出してくるのがいて面倒だが
ここは基本通り答えてくれるからいいな
ここは基本通り答えてくれるからいいな
jQuery-UI使う時に
mouseenter
mousemove
mouseleave
は必ず発生する事は保証されていますか?
例えば素早くマウスを動かした場合などに。試した限りでは
正しそうなのですが確証がありません。
mouseenter
mousemove
mouseleave
は必ず発生する事は保証されていますか?
例えば素早くマウスを動かした場合などに。試した限りでは
正しそうなのですが確証がありません。
残念ながら、jQueryを使いこなす人達は、
jQuery-UIなんてほとんど使わないんだよ。
だからjQuery-UIの細かい仕様をここで聞いても回答はされないと思う・・
jQuery-UIなんてほとんど使わないんだよ。
だからjQuery-UIの細かい仕様をここで聞いても回答はされないと思う・・
>>623
ブラウザの仕様によるだろう。
ブラウザの仕様によるだろう。
<div>が複数あって、入れ子などになっている場合に
var divAll = $('div');
で全部のdivを取得したあと、
.prependTo()
.insertBefore()
.insertAfter()
.appendTo()
など使ってdivの入れ子関係を変化させた後で、上記のdivAllを参照しても問題ありませんか?
それとも、変化させたあとで最新の状態でもう一回
var divAll = $('div');
のように実行する必要ありますか?
それと、divの中にJavaScriptコードが有る場合、divの構造を変化させた場合に何か注意事項などありますか?
それとも、心配しなくても問題なく動作しますか?
var divAll = $('div');
で全部のdivを取得したあと、
.prependTo()
.insertBefore()
.insertAfter()
.appendTo()
など使ってdivの入れ子関係を変化させた後で、上記のdivAllを参照しても問題ありませんか?
それとも、変化させたあとで最新の状態でもう一回
var divAll = $('div');
のように実行する必要ありますか?
それと、divの中にJavaScriptコードが有る場合、divの構造を変化させた場合に何か注意事項などありますか?
それとも、心配しなくても問題なく動作しますか?
>>626
divAllを参照しても問題ない。 そもそも全てのdivを指定するのに入れ子構造とか関係ない。
階層セレクタで破壊的メソッド使用する場合は問題ある。$('div div > div')のようなセレクタなど。
divの中のjavascriptコードの件もたぶん関係ないがどんなコードかによる。
divAllを参照しても問題ない。 そもそも全てのdivを指定するのに入れ子構造とか関係ない。
階層セレクタで破壊的メソッド使用する場合は問題ある。$('div div > div')のようなセレクタなど。
divの中のjavascriptコードの件もたぶん関係ないがどんなコードかによる。
質問者の意図間違えて捉えてたかも。
jQueryで追加したdivを除いて、最初のdivだけを選択したいなら、問題ある。
クラス名でも付けて分けるべき。
jQueryで追加したdivを除いて、最初のdivだけを選択したいなら、問題ある。
クラス名でも付けて分けるべき。
現在、一つのページ内で、複数の要素のページ遷移をしているのに使っていて、
$('#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);
});
});
});
以下同じ要領で複数個
こんな感じで番号を変えているだけなのですが、
これを一つにまとめるにはどうすればいいのでしょうか?
$('#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);
});
});
});
以下同じ要領で複数個
こんな感じで番号を変えているだけなのですが、
これを一つにまとめるにはどうすればいいのでしょうか?
>>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
関数にまとめて、数字部分を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
↑ごめん
$(Pagenate).on → Pagenate.onの間違い
$(Pagenate).on → Pagenate.onの間違い
共通のclassを設定できるんならそれを設定してそのセレクタで
だめなら [id^=pagenate] のセレクタ使うとか
どっちにしろ親要素のそのidを取りに行かなきゃいけないけど
それは$(e.delegateTarget).attr('id')みたいな感じで
まあforでもいいけどね
だめなら [id^=pagenate] のセレクタ使うとか
どっちにしろ親要素のそのidを取りに行かなきゃいけないけど
それは$(e.delegateTarget).attr('id')みたいな感じで
まあforでもいいけどね
.delegateTargetなんて初めて知った。
日本語の検索結果もあまり出てこないな。
日本語の検索結果もあまり出てこないな。
.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
では無いんでしょうか?
border-top-width
border-bottom-width
border-left-width
border-right-width
が正しいのですが、何故、
border-width-top
border-width-bottom
border-width-left
border-width-right
では無いんでしょうか?
<div id="pagenate-1" class="list-box">
</div>
</div>
すいません、送信してしまいました
<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を試してみましたが、駄目でした
正直、知識もないままただネット上にあるスクリプトを拾ってきて使っているだけなので、
どういう風に何を変えればいいのかもよくわかっていないです
<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を試してみましたが、駄目でした
正直、知識もないままただネット上にあるスクリプトを拾ってきて使っているだけなので、
どういう風に何を変えればいいのかもよくわかっていないです
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);
});
});
});
こんな感じでいけるとおもう
$('.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);
});
});
});
こんな感じでいけるとおもう
「戻る」リンクとかどうするの?とか、今何ページ目なのかわからなくなりそうだねとか
そもそもデータの読み込みはajax?iframe?とか疑問が止まないので
知識がないならページネーションはプラグインの方がいいんじゃない?と言いたくなってしまうが
それ言っちゃおしまいか。
そもそもデータの読み込みはajax?iframe?とか疑問が止まないので
知識がないならページネーションはプラグインの方がいいんじゃない?と言いたくなってしまうが
それ言っちゃおしまいか。
ピクセル単位で値をセットする場合、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の場合も一応セット出来るみたいなので。
上級者の人教えてください。
$('#ID').css('top', '0');
でも、pxを付けて
$('#ID').css('top', '0px');
としても、セットできますよね?
もし変数の場合だと、
$('#ID').css('top', (val=0 ? '0px' : val+'px'));
みたいにするのが良いのかもしれませんが、見た目がゴチャゴチャしているので、
$('#ID').css('top', val+'px');
としてしまっても良いでしょうか?0の場合も一応セット出来るみたいなので。
上級者の人教えてください。
>>646
ありがとうございます。めちゃくちゃ参考になりました
CSSで項目番号を追加する方法がある事をしらず
PHPやJQUERYでカウンタを使って何とかしないと駄目なのかな?と
思い込んでいました。
上記の方法で思い描いた処理を行うことができました
ありがとうございます
ありがとうございます。めちゃくちゃ参考になりました
CSSで項目番号を追加する方法がある事をしらず
PHPやJQUERYでカウンタを使って何とかしないと駄目なのかな?と
思い込んでいました。
上記の方法で思い描いた処理を行うことができました
ありがとうございます
いつも思うんだけど、jQueryやる人はjQueryに頼り過ぎだよ。
JavaScript = プログラマのもの
CSS = ウェブデザイナのもの
みたいな所があるのかね?
JavaScript = プログラマのもの
CSS = ウェブデザイナのもの
みたいな所があるのかね?
>>648
適切なものを使わないのは単に見つけられなかった、知らなかったからだと思う
例えばmarginの左右autoによる中央揃えを知らなかった場合、JavaScriptで中央揃えをするような人もいると思う
(特に普段HTMLやCSSを触らないプログラマの人とかならあり得なくはない)
適切なものを使わないのは単に見つけられなかった、知らなかったからだと思う
例えばmarginの左右autoによる中央揃えを知らなかった場合、JavaScriptで中央揃えをするような人もいると思う
(特に普段HTMLやCSSを触らないプログラマの人とかならあり得なくはない)
>>649
つまり勉強不足ってことでしょ?
> (特に普段HTMLやCSSを触らないプログラマの人とかならあり得なくはない)
それが、jQueryに頼りすぎ(でCSSの勉強をしてない)ってことだよ。
JavaScript使うようなウェブプログラマにとって
必須技術であるHTMLとCSSを知らないでどうするの?
「あり得なくはない」という考えがありえない。
つまり勉強不足ってことでしょ?
> (特に普段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 スレッド一覧へ
みんなの評価 : 類似してるかもしれないスレッド
- JavaScript ライブラリ総合質問所 vol.4 (985) - [78%] - 2015/12/16 15:00
- JavaScript ライブラリ総合質問所 vol.5 (344) - [75%] - 2022/3/14 17:45
- 【jQuery】JavaScript ライブラリ総合質問所 vol.3 (1001) - [65%] - 2014/6/18 20:58 △
- 【jQuery】JavaScript ライブラリ総合質問所 vol.2 (986) - [65%] - 2013/5/20 7:00
- 【jQuery】JavaScript ライブラリ総合質問所 vol.1 (983) - [65%] - 2012/10/8 22:30
- jQuery 質問スレッド vol.8 (1001) - [30%] - 2018/5/6 11:15
トップメニューへ / →のくす牧場書庫について