【jQuery】JavaScript ライブラリ総合質問所 vol.1at HP
【jQuery】JavaScript ライブラリ総合質問所 vol.1 - 暇つぶし2ch750:Name_Not_Found
12/07/07 02:08:50.95
あざっす
jQMで派手な事するのは諦めます

751:Name_Not_Found
12/07/07 10:48:56.03
個人でiphoneアプリ、Windowsアプリをマーケットに売って生き残れ

格安iPhoneEラーニング(学習動画多数あり)
URLリンク(tinyurl.com)

コワーキングスペースJP
URLリンク(tinyurl.com)
コワーキング帳
URLリンク(tinyurl.com)

WEBサーバーIIS Win2008ServerVPS SqlServer Oracle MySql 言語はマーケットで売れるメーカー製のみやる
ASP.net(C#)+管理EXEアプリ(C#)+iPhone C#のソースを出さなければWEBアプリの著作権も守れる

C#マーケット Windows8 Metroアプリ WindowsPhone Surface PS Vita Xbox360 iphone(mono使用)
iPhoneマーケット iPhone iPad 予定 iTv iCar i (家電製品)

地方に安い土地を買いコンテナ型の格安高性能オフィスを建て(300万~500万)
レンタル自習室&シェアオフィス・コワーキングで収入を得ながらそこでアプリを開発する
URLリンク(tinyurl.com)
URLリンク(bit.ly)

752:Name_Not_Found
12/07/07 13:46:03.86
業務命令だと、「なぜ使えないのか」の説明を求められるから
現場は3日で判断できても、上の方にあがるほど、放置されるわなんだで
時間掛かるんだよなー。「なんとかしろ」で突っ返されるし。
チューニングして工夫してある程度動くものを見せて
「これじゃあしょうがない」になるまで3ヶ月かかった。
このご時世で決断スピードがコレは、会社として致命的だわ。。。

753:Name_Not_Found
12/07/12 08:22:40.31
PHPで作ってるサイトにPJAXを導入しようとしてるんだけどうまくいかない。
自動での部分読み込み自体はうまくいってるっぽいんだけど、
その後URLから_pjax=xxxxを消すためのpushState(?)が
実際のリクエストとなってApache に飛び、
結局ページ全体のリロードになってしまうようだ。
timeout値を大きくしても同じ。試してるブラウザはchrome。

何が悪いんだろう・・・

754:Name_Not_Found
12/07/12 08:54:37.72
ソースを出す気が無いならお帰り下さい

普通は~ぽいとか~のようだとかそういうとこから疑うが、
ソースも無いので確かめようが無い そんなん知らんがな

755:Name_Not_Found
12/07/12 09:35:36.27
ソースはサンプルのまんま、まだ何も複雑なことはしてないよ。
一度_pjax=xxxxつきのリクエストが行き、その次に無しのリクエストが行くことはApacheのログで確認してる。

サーバ側で_pjaxつきで来たときにhtmlとしてエラーになるようなメチャクチャなレスポンスを返してやると
画面更新は起こらず、その場合再リクエストも行かない。
これはクライアントに送られるJavaScriptコードが解釈不能になるせいだろう。

つまり部分更新用のコードが帰ってくるところまではどう見ても動いている。
問題はその後勝手にリロードが発生しちゃうことなんだ。
何だろうなこれは。

756:Name_Not_Found
12/07/12 10:09:00.98
一応ソース貼っときます。
<?php
$headers = getallheaders();
if ($headers['X-PJAX']) {
echo '部分更新だよ';
exit();
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "URLリンク(www.w3.org)">
<html xmlns="URLリンク(www.w3.org)">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PJAXテスト</title>
<script src="/js/jquery.min.js" type="text/javascript"></script>
<script src="/js/jquery.pjax.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
<!--
$(function() {
$("a.js-pjax").pjax("#main", {"timeout": 36000});
});
-->
</script>
</head>
<body>
<div id="main">全体ロードだよ</div>
<a href="<?=$_SERVER['PHP_SELF']?>" class="js-pjax">リンクA</a><br />
<a href="<?=$_SERVER['PHP_SELF']?>">リンクB</a>
</body>
</html>

757:Name_Not_Found
12/07/12 10:10:44.99
jquery.min.jsとjquery.pjax.jsは昨日の時点の最新版。
ひょっとしてその組み合わせがまずいかな。
確実に動く組み合わせを知ってる人いたら教えてくらはい。

758:Name_Not_Found
12/07/12 10:33:21.22
どっかのサイトにあった古いjquery.pjax.jsに変えたら動くようになった。
やれやれ。
俺の数時間を返せと言いたい。
スレ汚し失礼しますた~。

759:Name_Not_Found
12/07/12 18:48:10.35
Bootstrap使うと、jQueryでfocusとかのイベントが
無効になっちゃうのかな。

StackOverflowとか見ると、"not working"とか書いてる投稿が
けっこう見受けられる。。。

760:759
12/07/12 19:09:05.17
自己解決。
たしかに、bootstrap使うと
focusイベントが殺される。
clickとかは生きてるのに。

んで、
$("#selector").on("focus", function(){/* イベント処理 */});
だとダメだけど、
$("#selector").on("hover", function(){/* イベント処理 */});
なら大丈夫なことが判った。
とりあえずこれに関しては、気持ち悪いけど解決。

761:Name_Not_Found
12/07/12 19:50:41.79
そもそもfocusとhoverは違うんだけどつまりどういうことなんだ?

762:Name_Not_Found
12/07/12 19:55:53.08
あれれ、なんか根本的にカンチガイしてるのか、俺。。。
div要素とかに、マウスカーソルが当たったイベントを
取得したいんだわ。

divの範囲にマウスカーソルが入る=focus
divの範囲からマウスカーソルが出る=blur

だと思ってた。
ちょっと再確認してくる。

763:Name_Not_Found
12/07/12 20:29:41.37
クリックして選択した状態がfocus だバカたれ

764:Name_Not_Found
12/07/12 20:40:52.86
>>762
div要素はfocusできないぞ
tabindex当ててるなら別だが

765:Name_Not_Found
12/07/12 20:46:29.49
上空をオスプレイが通過 → hover
オスプレイが墜落 → focus
墜落したオスプレイを搬出 → blur


766:Name_Not_Found
12/07/12 22:03:32.59
おぉ、ありがとう。
勘違いしたまま進むところだった。
マジ感謝。

767:Name_Not_Found
12/07/12 22:36:36.08
牡プレイだと?

768:Name_Not_Found
12/07/13 00:12:08.03
アッーー
mouseover, mouseoutじゃいかんの?

769:uy
12/07/13 01:34:22.28
オスプレイがあるならメスプレイもあっていい
俺は常にメスプレイのことしか考えていないが
メスプレイの中でも俺は女子小学生が大好物

770:Name_Not_Found
12/07/13 01:53:05.71
おまわりさん、こいつです。


771:Name_Not_Found
12/07/13 09:53:07.83
おさわりまんこです。

772:Name_Not_Found
12/07/13 12:37:13.63
JQueryMobileでの質問です。
「保存ボタンを押した時に確認ダイアログを出し、戻り値(新規追加、更新、取消)によって処理を分岐する」的なことをやろうと思ってます。

$(document).on('click', "#btnsave", function () {
 $.mobile.changePage("#dlg_check", "pop");
 
 if (msgret == 'ADD'){
  //新規追加
 } else if (msgret == 'UPDATE'){
  //更新
 } else {
  //なにもしない
 }
});

こんな感じにしてみたのですが、これだとダイアログが出る前に下部分が実行されてしまいます。
何か良い解決策はないものでしょうか。

773:Name_Not_Found
12/07/13 13:22:32.73
return false、他

774:Name_Not_Found
12/07/13 13:27:13.29
ダイアログが出るまでまつ

775:Name_Not_Found
12/07/13 17:52:18.70
コールバック関数ついてね?

776:Name_Not_Found
12/07/13 20:15:25.53
JavaScriptのテンプレートエンジン(Ajaxでサーバーサイド言語頼り?)
なんてのがあるようですが、人気上位(1~3位くらい)のライブラリはどれですか?


777:Name_Not_Found
12/07/15 12:07:59.28
ヘタに既存のテンプレートエンジンとか、CSSフレームワーク使うと
細かい部分でカスタマイズしたい時にハマるんだよな。

778:Name_Not_Found
12/07/15 12:29:31.35
ああ、ちょっと何か変えたいと思っただけでも
解析しないといけないからな
既存の物を使って工数短縮になるのは、本当にそのまんま使った時だけ

779:Name_Not_Found
12/07/15 16:41:59.71
クリックすると表示して他をクリックすると閉じるってどうやるの?

780:Name_Not_Found
12/07/16 00:22:55.72
日本語でOK

とりあえず、やりたいことのサンプルとなる
サイトとかあれば晒してみれ
LightBoxとかじゃないのか?

781:Name_Not_Found
12/07/16 04:16:56.53
fancyboxとかmodalwindowとか

782:Name_Not_Found
12/07/16 19:25:08.84
jQuery++ってのがあるのね。
URLリンク(jquerypp.com)

jQuery Toolsってのも面白そう。
URLリンク(jquerytools.org)

Unserscore.jsは、標準APIみたいにいろいろ揃ってて便利。
URLリンク(underscorejs.org)

783:Name_Not_Found
12/07/18 15:01:43.50
jQuery Mobileでdata-iconpos="notext"にするとボタンが小さすぎて困るんですが、何とかなりませんか?

784:Name_Not_Found
12/07/18 15:05:08.63
data-iconsize

785:Name_Not_Found
12/07/18 15:19:06.75
最近Webサイト制作の勉強をし始めた初心者です。
現在ドロップダウンメニューを作っています。
ググればテンプレはいくらでも出てくるのですが、今回は勉強の為にということで自分なりに作っています。

動作確認は、
Firefox 14.0.1
IE 9
Chrome 20
Safari 5.1.7
の4つのブラウザで行っています。

大体完成して期待していた動作をしてくれるのですが、どうもFirefoxでの動作がもっさりしています。
具体的には、jQueryの.slideDown()と.slideUp()で出たり引っ込んだりを実装しているのですが、その動作がもっさりなんです。
他の3つのブラウザではさくっと動いてくれます(Safariも多少もっさりしてますが個人的には許容範囲)。
因みにCSSでグラデーションを切ってborderのridgeをsolidに変えるか消すかすればさくっと動きます。

ソースはこれです
URLリンク(jsbin.com)

Firefoxでもっさりするのは仕様ですか?
それともどうにかして改善できますか?

宜しくお願いします。

786:Name_Not_Found
12/07/18 15:32:22.57
Fx15.0a2 (2012-07-16)だけど全然もっさり感じない。
Fxはそもそもがけっこうもっさりって言われてるからマシンスペックとかメモリとかに影響されやすいのかもね。

787:785
12/07/18 17:05:44.75
>>786
レスありがとうございます。

「もっさり」をもっと具体的に言うと、
Firefox 30fps
Safari 45fps
IE 60fps
Chrome 60fps
という感じです。測った訳ではなく体感ですが。

15,0a2をインストールして試してみましたが、動きは変わりませんでした。
アドオンの関係かなと思い、全てのアドオン(Firebugしか入ってませんが)無効化でやってみましたが、変化無しでした。
マシンスペックは問題ないと思うのですが、以下に晒します。

Windows 7 Professional SP1 64bit
i7-2760QM
16GB RAM
AMD Radeon HD 6990M CrossFireX
SSD Hybrid HDD 1TB(500GB*2 RAID0)

Firefoxはもっさり、ですか。
確かにウィンドウのサイズ変えるのももっさりするなと感じているのですが、やはりこういうものなんですかね。

788:Name_Not_Found
12/07/18 17:17:28.03
XPsp3、Core2Duo 2.33GHz、4GB
でChrome、Firefoxがほぼ変わらず、Safariのみ若干遅い、というかひっかかりがあるみたいな感覚ですね。
IEは8しか入ってないけどそれだと動かなかったです。
なおFirefoxは常用しているものなのでアドオンてんこもりです。

789:Name_Not_Found
12/07/18 17:25:38.57
以前作ったjQuery使いまくりのサイトで
FireFoxとChromeでチェックしてみたけど、
jbgalleryやlightboxなんかはほぼ同じスピードで動いてたけどね
slide関連だけもっさりするのかな?

スペックもハイエンドノートみたいだから関係なさそうだし

790:Name_Not_Found
12/07/18 17:30:10.58
あ、FireFoxだとslide関連遅いみたい。FPSが明らかに低いガクガクって感じになる

791:Name_Not_Found
12/07/18 17:37:58.36
ちょっと暇だったんで >>785 のソースを勝手にjQueryっぽくしてみた。ごめんね。

$(function(){
$("#ddownmenu > ul").each(function(){
$(this).hover(
function(){
$(this).children(":not(:first-child)").slideDown("fast");
}, function(){
$(this).children(":not(:first-child)").slideUp("fast");
}
).children(":not(:first-child)").hide();
});
});

792:Name_Not_Found
12/07/18 17:43:44.47
無駄each取っ払ってインデント修正してみた。度々すまん。これで最後にする。

$(function(){
  $("#ddownmenu > ul").hover(
    function(){
      $(this).children(":not(:first-child)").slideDown("fast");
    }, function(){
      $(this).children(":not(:first-child)").slideUp("fast");
    }
  ).children(":not(:first-child)").hide();
});

793:785
12/07/18 17:54:18.01
皆様レスありがとうございます。

>>788
ChromeとFirefoxがほぼ同じですか。
確かにSafariのは遅いっていうよりひっかかってるみたいな感じです。

>>789
>>790
やっぱりFirefoxはslide関係がもっさりなんですかねえ。

>>791
>>792
いえいえ、勉強になります。
特にjQueryは触り始めたのがここ数日で、慣れていないので上手く使えませんでした。
こちらの方がすっきりして良いですね、ありがとうございます。

794:Name_Not_Found
12/07/18 19:04:30.32
確かに、引っ掛かりを感じるが…
計測してみたほうがいいんじゃね?


795:Name_Not_Found
12/07/23 19:33:06.99
ページ内ポップアップで画像というのはよく見るのですが、別ページをポップアップするという機能はjQueryにありますでしょうか?
なんというワードで検索すればよいのかがわからず迷っております。
よろしければアドバイスいただけると助かります。

796:Name_Not_Found
12/07/23 19:58:34.56
>>795
FuncyBoxとかThickBoxとか。

797:Name_Not_Found
12/07/23 20:06:35.63
>>795
LightBox系の拡張でiframeに対応してるのを探せば良い

798:795
12/07/23 20:46:20.49
>>796-797
ありがとうございます。
こちらを参考に探させていただきます。

799:Name_Not_Found
12/07/24 07:44:36.73 mpaHWWAt
jQueryのcrossfaderを使うと
画像が切り替わるたびにファンがうるさく回りだすのは仕様ですか?
それとも記述がわるいのでしょうか?

800:Name_Not_Found
12/07/24 17:40:00.07
jQueryを利用してtextareaの文字数を表示するのにkeyupでできたのですが、
最初に画面を表示する時点ですでにtextareaに文字が入っている場合にも
文字数を表示したいのです。
今は、$("textarea").keyup(function(){...});としているのですが
どのようにしたらよいでしょうか?keyupに変わるイベント(?)のような
ものがありますでしょうか。

801:Name_Not_Found
12/07/24 18:48:54.62
$("textarea").keyup(function(){...}).keyup();
キーアップが起こったことにしてやりゃいい。

802:Name_Not_Found
12/07/24 20:10:25.64
スーパー初心者です。URLリンク(uptest.sitemix.jp)

上記のサイトでちょっとしたアニメーションを作って見たんですが、
右へ動かした時に全体ががたついてグラグラしてしまいます。
なにが原因でしょうか。

またhtmlの入れ替えで複数のテキストを用意し一定の間隔で置き換えて、
(´・ω・`) がだんだんと後ろを向いたりこちらを向いたりさせたいのですが、
どうしたらいいんでしょうか。
過程を通り過ぎて一気に最後のものに置き換わってしまうので困っています。

803:Name_Not_Found
12/07/24 20:24:53.01
>>802
こっちでは別にガタガタしないよ?
複数テキストの書き換えは内部的に一瞬で終わるんで最後しか見えない。
もしアニメーションさせたいなら書き換える、ちょっと待つ、書き換える、ちょっと待つ、ってやらないとダメ。

804:800
12/07/24 20:38:24.03
>>801
できました。キーアップしたことになるんですね。
精進します。
ありがとうございました。

805:Name_Not_Found
12/07/24 21:17:29.52
>>803
ガタガタしないんですか。なるほど。ブラウザの問題かもしれないです。

よければ「ちょっと待つ」の部分で用いるエフェクトを教えてください。

806:Name_Not_Found
12/07/25 02:40:43.77
jQueryを使ったtwitterの自分のつぶやきを表示させるもので、
ツイートを非公開設定にしていても読み込んでくれるものはありませんか?

807:Name_Not_Found
12/07/25 07:09:34.38
>>802
.delay() を使おうとしているようで、それは正しい。
でも、その後の .html() はすぐ動いてしまうので、この処理もキューの中に入れなくてはいけない。
.queue()のcallbackをつかうんだ。

URLリンク(api.jquery.com)

808:Name_Not_Found
12/07/25 09:56:15.82
>>806
自分で公開するスクリプトにTwitterのID/Passwordを埋め込むことの意味がわからない?

809:Name_Not_Found
12/07/25 16:21:49.99
>>807
.delay()と.html()と.dequeue()を、.queueの中にいれると、
二段階は変化するようになったのですが、
それ以上は変化せず中間が端折られてしまいます・・・
構造の記述が間違ってるんでしょうか?

810:Name_Not_Found
12/07/25 17:00:10.89
>>808
それを埋め込まないと非公開でも読み込んでくれるスクリプトは作れないって事ですか?

811:Name_Not_Found
12/07/25 17:14:44.88
>>810
とりあえずお前が望んでいるようなものはないし作れない。
そもそも「非公開なものを公開したい」とか意味が分からない。

812:Name_Not_Found
12/07/25 18:45:03.63
>>809
delay() は.queue()の外だ。
それ自体がキューに「数ミリ秒待つ処理」を加えるメソッドだから。

>>803 が書いている処理を一つづつキューに追加するって感じで書いてみな。


813:Name_Not_Found
12/07/25 19:48:44.89
>>812
あびゃあああ!できました!!!!
みんなありがとう!!!!!

814:Name_Not_Found
12/07/25 23:10:43.04
>>811
pixivとのツイッター連帯だと
本家で非公開に設定してもそっちでは公開できたりするので
もしかしたらできるのかと…すみません

815:Name_Not_Found
12/07/25 23:13:15.03
ツイッター連帯
ツイッター連帯
ツイッター連帯

816:Name_Not_Found
12/07/25 23:42:54.94
>>814
そういうのはサーバーサイドの次元であって、
クライアントサイドのJavaScriptのスレで質問するのは筋違いだよ。
Twitter連帯の仕組みを知りたいなら「Twitter OAuth認証」とかでググってみてね

817:785
12/07/26 17:32:53.71
しばらくぶりですが、動作に変化が見られたのでご報告致します。
特にこちらでソースを弄った訳ではないですけど。

Firefox(Aurora)が、16.0a2 (2012-07-25)に更新された後に先のページを表示しました。
するとドロップダウンの動作(.slideDown()、.slideUp())がスムーズでした。
念のためFirefox 14.0.1で確認しましたが、もっさりのままでした。

Firefox側で改善されたようなので、このまま正式にリリースされるといいですね。

818:Name_Not_Found
12/07/26 20:31:07.89 VExQCWwA
jQueryの質問です。
以下のように書いた場合、jQuery1.3.2とjQuery1.7.1とで動作が異なります。
1.3.2では"foo.hoge"に続き"bar.hoge"のアラートが出力されますが、
1.7.2では"bar.hoge"のみのアラートで出力されます。

1.3.2ではfoo, barそれぞれに別のhogeメソッドを持っているようですが
1.7.1ではfoo, barとも同じhogeメソッドを持ち、上書きされているように
見えます。

この違いはjQueryのバージョンに因る仕様変更の為でしょうか?
1.7.1で1.3.2のように動作させたい場合、どのように記述すべきでしょうか?

foo = $(function(){
foo.hoge = function(){ alert('foo.hoge'); };
});

bar = $(function(){
bar.hoge = function(){ alert('bar.hoge'); };
});

$(function(){
foo.hoge();
bar.hoge();
});

819:Name_Not_Found
12/07/26 20:38:22.50
>>818
これって何に使うん?

820:Name_Not_Found
12/07/26 20:55:34.76
そもそも
foo = $(function(){ ... });
ってなんだかわかってる?

821:Name_Not_Found
12/07/26 21:20:48.29
>>818
readyの状態になったときに
foo.hoge = function(){ alert('foo.hoge'); };
bar.hoge = function(){ alert('bar.hoge'); };
foo.hoge();
bar.hoge();
が順に実行される
何をしたいのかがさっぱり分からない

822:Name_Not_Found
12/07/26 21:21:52.98
jQueryでのonreadyの略記ですよね?



823:Name_Not_Found
12/07/26 21:25:07.85
>>821
1.7.1では"bar.hoge"のみ出力されるのは
なぜですかね?

824:Name_Not_Found
12/07/26 21:28:11.90
$(function(){})は唯一のjQueryオブジェクトを返す
fooとbarに同じものを代入している
(1.3.2時代は唯一ではなかったのか?)

825:Name_Not_Found
12/07/26 21:29:06.69
fooとbarに同じ唯一のjQueryオブジェクトを代入することに何の意味があるのか説明してくれ

意味のない質問に回答する意味がない

826:Name_Not_Found
12/07/26 21:55:26.69
>>818

// 1.3.2
foo = jQuery(document).ready(function(){
foo.hoge = function(){ alert('foo.hoge'); };
});

bar = jQuery(document).ready(function(){
bar.hoge = function(){ alert('bar.hoge'); };
});

// 1.7.1
var rootjQuery = jQuery(document);
foo = rootjQuery.ready(function(){
foo.hoge = function(){ alert('foo.hoge'); };
});

bar = rootjQuery.ready(function(){
bar.hoge = function(){ alert('bar.hoge'); };
});

827:Name_Not_Found
12/07/26 21:58:27.19
「唯一のjQueryオブジェクト」とか言ってる奴は何も理解してないな。

828:Name_Not_Found
12/07/26 21:59:10.85
では、質問を変えて、1.3.2では$(function(){})は別のオブジェクトを返すのですかね?

829:Name_Not_Found
12/07/26 22:02:47.94
>>826
分かりやすい解説ありがとうございます。
そういう違いがあったのですね。


830:Name_Not_Found
12/07/26 22:20:38.06
唯一神を信仰してるんだろ

831:Name_Not_Found
12/07/26 22:25:05.70
そもそも何をやりたくてそういうコードになってるかの方が問題だと思うんだけど?

832:Name_Not_Found
12/07/26 22:32:44.39
無意味な質問に回答する無駄

833:Name_Not_Found
12/07/26 23:04:28.68
きっとどうしてそうなるかを聞きたいだけだろ
何がやりたいかを聞くほうがナンセンス

834:Name_Not_Found
12/07/27 11:03:06.26
> 1.7.1で1.3.2のように動作させたい場合、どのように記述すべきでしょうか?

って言ってるくらいだから内部的な話じゃないだろ。

835:Name_Not_Found
12/07/28 09:38:15.19
これ結構おもろいかも

『JSON PARSE PROXY SERVER for 2ちゃんねる』
URLリンク(nonoriri2012.blog.fc2.com)

836:Name_Not_Found
12/07/29 01:13:34.26
jQuery使う前の段階なんだけど、
UTF-8で保存しなくちゃならない
sakura2-0-5-0_x64を使うと入力途中に
Shift-JISで保存されてしまう
皆さん何のエディター使ってるの?

837:Name_Not_Found
12/07/29 01:27:35.14
入力途中に Shift_JIS で保存される、の意味が分からんけど、
sakura エディタは ASCII のみのファイルはデフォルトで
Shift_JIS で開くから、Ctrl + Alt + F8 で UTF-8 で開き直せば桶。

838:Name_Not_Found
12/07/29 01:56:17.62
禿丸エディター

839:Name_Not_Found
12/07/29 03:00:54.47
notepad++

840:Name_Not_Found
12/07/29 12:32:06.30
jQuery1.7.2とjQuery.mobile.1.1.1でアンケートフォームを作ったのですが、
フォームが送信されません。ボタンをクリックしてもボタンが押された動きを
するだけです。(<input type="button">の動作でsubmitの動作をしない)
<form action="next.php" method="post">
<div data-role="fieldcontain">
<label for="name">名前:</label>
<input type="text" id="name">
</div>
<div data-role="fieldcontain">
<label for="age">年齢:</label>
<input type="text" id="age">
</div>
<input type="hidden" name="hoge" value="huga">
<input type="submit" name="ok" value="送信" data-theme="b">
</form>
試したこととしては、
URLリンク(dev.screw-axis.com)
を参考に、ajaxEnabled:falseにして、formにdata-ajax=“false”を追加
しても同じでした。
どなたかアドバイスいただけないでしょうか?
なお関係ないかもしれませんが諸事情があり文字コードはEUC-JPを使っています。

841:Name_Not_Found
12/07/29 12:36:23.29
>>837-839
Ctrl + Alt + F8 で UTF-8
で開きなおせるとは知らなかった
勉強になりました
一応希望の動作はしたので
しばらくこれでやってみます。

その他の方もありがとうm(__)m

842:Name_Not_Found
12/07/30 08:51:27.14 WWngI3og
jQuery+jGlycyで画像をスライド表示させています。

テーブルを使ってスライド画像がウィンドウの中央にくるように配置しているのですが、
Chromeでページを開くと、画像の位置が下方にずれてしまいます。
ページを再読み込みしてもズレは変わらないのですが、
同じサイト内の別のページに行ってから該当ページに戻ると、画像が正しい位置に表示されるようになります。

Firefoxでは正しく表示され、LunascapeでもWebKitエンジン以外では問題ありませんでした。
(WebKitエンジンではChromeと同じように画像がズレます。)
ひょっとしたらjQueryとは全く関係のない話かもしれませんが、
どうかアドバイスあるいは誘導お願いします。

843:Name_Not_Found
12/07/31 00:07:58.27
テキスト入力フォームをモーダルでポップアップさせたいんだけど
その際に、lightboxみたいに拡大アニメーション付きで出てくるようなプラグインありませんか?
jQuery UIみたいなのでいいんだけど、あれだとアニメーションなくいきなり出るので

ぐぐったらthickboxというのが沢山出てきたんだけど、何故か消えてる
他におすすめありましたら教えてください

844:Name_Not_Found
12/07/31 16:10:27.27
FancyBox

845:Name_Not_Found
12/07/31 17:34:17.84
TrashBox

846:Name_Not_Found
12/07/31 17:37:08.61
GreyBox

847:Name_Not_Found
12/07/31 17:39:53.60
ゴメンGreyBoxはjQueryじゃなかった

848:Name_Not_Found
12/08/01 10:06:38.65 XMPrM83D
jQueryMobile使ってます。
ファイルアップロード用のフォームで
data-ajax="false"
を指定しているのですが、
この状態で読み込み中のエフェクト(丸が回転する奴)を表示する事ってできませんか?
$.mobile.showPageLoadingMsg();
で明示的に表示してもサブミットすると表示されなくなります。
通信してるのか分かりづらいので何か表示したいのですが
仕様として諦めるしかないですかね?

849:Name_Not_Found
12/08/01 10:52:56.73
表示する処理を自前で書いたらいいんじゃないの

850:Name_Not_Found
12/08/01 12:53:29.79 XMPrM83D
>>849
試しに
アニメGIFを
style.display = "none";
↓ボタン押下
style.display = "block";
フォームサブミット
とするようにしたのですが、
サブミットするとアニメGIFの動きも止まってしまいました。
諦めるしかなさそうですね。
data-ajax="false"を指定しなければいいのですが、
ファイルアップロードではajaxは切らないと駄目みたいですね。


851:Name_Not_Found
12/08/01 20:58:08.63
アニメGIFが止まるってのはブラウザ側の問題だからどうしようもないな。

852:Name_Not_Found
12/08/02 16:33:38.99 PJfckOTy
jQueryのContents Flow使っているんですけど、
両側の余白を0にしたり画像の余白を消すのってどこいじればいいんですか?

853:Name_Not_Found
12/08/06 12:42:40.26
学ぶ力には三つの条件があります。

第一は自分自身に対する不全感。
自分は非力で、無知で、まだまだ多くのものが欠けている。
だからこの欠如を埋めなくてはならない、という飢餓感を持つこと。

第二は、その欠如を埋めてくれる「メンター(先達)」を探し当てられる能力です。
メンターは先生でもお母さんでも、ネットの中の無名の人でもいい。
生涯にわたる師ではなく、ただある場所から別の場所に案内してくれるだけの
「渡し守」のような人でもいいのです。
自分を一歩先に連れて行ってくれる人は全て大切なメンターです。

第三が、素直な気持ち。
メンターを「教える気にさせる」力です。オープンマインドと言ってもいいし、
もっと平たく「愛嬌(あいきょう)」と言ってもいい。

「学ぶ姿勢」のある人は、何よりも素直です。
つまらない先入観を持たないから、生半可なリアリズムで好奇心を閉ざさない。
素直な人に聞かれると、こちらもつい真剣になる。知っている限りのことを、
知らないことまでも、教えてあげたいという気分になる。そういうものです。

以上、この三つの条件をまとめると、

「学びたいことがあります。教えてください。お願いします」

という文になります。これが「マジックワード」です。
これをさらっと口に出せる人はどこまでも成長することができる。
この言葉を惜しむ人は学ぶことができないのです。
学ぶ力には年齢も社会的地位も関係がありません。
>>850さんも、早く学ぶ力を身に付けてください。

854:Name_Not_Found
12/08/08 00:28:33.98
jQueryのCollapseを使っているのですが、
トリガーをクリックするとトリガーのタグの文字列が
変わるようには出来るのでしょうか?

855:Name_Not_Found
12/08/09 13:07:43.01 fgdIUBcr
表示を切り替えたいのですが
チェックボックスを選択していないときは「A」という表示
チェックボックスを選択しているときは「B」という表示
を行いたいのですがJQueryでそういったことを出来る関数はありますでしょうか?

856:Name_Not_Found
12/08/09 13:15:41.44
>>855
チェックボックスの状態に応じて表示を変える
チェックボックスの状態が変化したら表示を切り替える

857:Name_Not_Found
12/08/11 16:53:23.55
jQueryMobileの糞重さに辟易して
Bootstrapに移行したのはいいけど、
結局それすら捨てて、最終的に
オレオレCSSフレームワークに。
もうなにがいいんだかわからん。

信じられるのはコアjQueryだけ。

858:Name_Not_Found
12/08/11 17:49:33.92
jQueryMobileはとても実用にならないのに
時々技術系のサイトで紹介されてて
ああ記事書く人って実際使ってないんだなあって思った

859:Name_Not_Found
12/08/14 06:37:21.99
>>854
できる。

860:Name_Not_Found
12/08/14 17:54:18.52
>>859
どのようにするのか方法をお教え頂けないでしょうか?
お願い致します。

861:Name_Not_Found
12/08/15 19:47:43.08
お前には無理

862:Name_Not_Found
12/08/15 20:01:28.59
俺には無理

863:Name_Not_Found
12/08/15 21:34:23.05
わかってるじゃん

864:Name_Not_Found
12/08/15 22:42:58.37 lflABqjS
最新バージョンのJquery1.8を使用する検索システムでphpでmysqlに問い合わせた結果をajax処理し表示していますが、
クライアントPC(非サーバOS)のIE8でのみ、描画されるまでに非常に時間がかかります。
“clean:function"(2行目約70000文字列前)以降でやたら時間がかかっているのをIE8のデバッガを使用して確認しました。
他のバージョンのIE(6,7,9)では問題ないのでIE8が悪いのは承知しているのですが、
IE8で処理速度を向上するためにjquery側で何とかできる処理や確認すべき場所はありますでしょうか。
なお、時間がかかっても検索結果は正しく表示されます。
ご教示いただけたら幸いです。

865:Name_Not_Found
12/08/15 22:47:03.28
>>863
お前にも無理

866:Name_Not_Found
12/08/15 22:55:06.77
>>864
70000文字って何だよ
人間が読めるバージョンのソースがあるだろう

867:864
12/08/15 23:10:21.67 lflABqjS
clean:function(a,b,c,d){var f,g,h,i,j,k,l,m,n,o,q,r,s=0,t=[];~~から始まる一連の処理です。
処理の結果何らかのWhileを実行するようになるのですが、Whileに移動する際に
IEのデバッガの読み込みが遅くなることから、そのあたりに特に時間がかかっているように見受けられます。


868:Name_Not_Found
12/08/16 10:27:34.76
そういうことじゃないんだが

869:Name_Not_Found
12/08/16 11:02:02.04
リミットかけてページングすればいいのに

870:Name_Not_Found
12/08/16 13:31:11.28
>>867
jQueryには Minified と Uncompressed の2種類があって、
後者は人間が読みやすいソースになっているから、
そっちでデバッガを動かしたほうがいいのではないか。
ってことを >>866 は言いたいんだと思うよ。

あと、1.8 は出たばっかりだし、メジャーバージョンアップなので
まだバグがあるかもしれない。1.8ではないと動かないということではなければ、
前のバージョンでためしてみるのもいいかもよ。
もしそれで違いが出るんなら、原因を突き止めて報告してやってちょうだい。

871:866
12/08/16 13:33:40.09
言葉足らずでごめんな
スマホだと面倒で

872:Name_Not_Found
12/08/16 15:05:46.77
>>871
一人を除いてみんな分かってるから大丈夫だ

873:js初心者
12/08/16 15:31:50.10
すまん誰かご教授いただきたいんだが、
$(function(){
$('.slider img:gt(0)').hide();
setInterval(function(){
$('.slider :first-child').fadeOut(4000, 'swing' )
.next('img').fadeIn(4000, 'swing' )
.end().appendTo('.slider');},
5000);
});
こんな感じでスライドショーしてるんだけど
しょっぱなの画像だけ表示時間を早くする事って可能でしょうか?

874:864
12/08/16 15:44:35.28
失礼しました。
6116行目を指します。
jqueryのバージョンに関わらず遅いです。

原因はわかっていませんが、回避方法を模索します

875:Name_Not_Found
12/08/16 16:34:52.00
今まで模索してなかったのかよ・・

876:Name_Not_Found
12/08/16 16:44:37.35
モサク

877:Name_Not_Found
12/08/16 20:22:30.36
innerHTMLまわりかな

878:Name_Not_Found
12/08/16 22:05:30.14
prototype.js って死んだ?

879:Name_Not_Found
12/08/16 23:13:35.63
>>873

$(function(){
$('.slider img:gt(0)').hide();
hoge();
setInterval(function(){ hoge();},5000);
});

function hoge(){
$('.slider :first-child').fadeOut(4000, 'swing' ).next('img').fadeIn(4000, 'swing' ).end().appendTo('.slider');
}



880:Name_Not_Found
12/08/16 23:18:29.94
jQueryを使うようになってからPrototype.jsなど忘れてしまった

881:Name_Not_Found
12/08/17 00:32:02.03
noconflictとか使ったことない

882:Name_Not_Found
12/08/18 00:51:14.19
.icon、.textBoxの高さを読み込んで比較し、.iconが.textBoxより小さければ『a』、それ以外なら『b』を表示させるものです。
chromeのみif(boxLeft < boxRight)は反応しますが、elseに反応がありません。
どう改善すれば機能するでしょうか。お願いします。

<html>
<head>
<script type="text/javascript">
<!--
$(document).ready(function(){
$(".commentBox").each(function(){
var boxLeft=$(".icon",$(this)).height();
var boxRight=$(".textBox",$(this)).height();
if(boxLeft < boxRight){
alert("a");
}
else{
alert("b");
}
});
});
-->
</script>
</head>

883:882
12/08/18 00:51:52.06
以下続きです。

<body>
<div class="commentBox" style=" min-height: 64px;_height: 64px; margin-bottom: 8px; position: relative;">
<p class="icon" style="float: left;"><img src="xxx.gif" width="64px" height="64px"></p>
<div class="textBox" style="width: 566px; float: right;">
テキスト<br>
テキスト<br>
テキスト<br>
テキスト<br>
テキスト<br>
</div>
<br style="font-size: 0.1pt; clear: both; line-height: 0;"><br style="font-size: 0.1pt; clear: both; line-height: 0;">
</div>
<div class="commentBox" style=" min-height: 64px;_height: 64px; margin-bottom: 8px; position: relative;">
<p class="icon" style="float: left;"><img src="xxx.gif" width="64px" height="64px"></p>
<div class="textBox" style="width: 566px; float: right;">
テキスト
</div>
<br style="font-size: 0.1pt; clear: both; line-height: 0;"><br style="font-size: 0.1pt; clear: both; line-height: 0;">
</div>
</body>

IE6~で動作確認、FireFox動作確認。
google chrome(21.0.1180.79)でのみ動作しません。

884:Name_Not_Found
12/08/21 08:07:26.11
jquery-cycleのスライドショーで縦画像はボックス内の左に配置されます。
これをセンタリングする方法を教えてください。
.jquery-cycle {
text-align: center;
overflow: hidden;
}

.jquery-cycle img {
text-align: center;
}

どちらもうまくいきません。

885:Name_Not_Found
12/08/24 19:29:26.55
chirpを動作させようとしてるのですが、

<script type="text/javascript" src="chirp.min.js"></script>
<script>Chirp({
user:'twitterのユーザー名',
max:5,
retweets: false,
replies: false,
templates: {
base: '<ul class="chirp">{{tweets}}</ul>',
tweet: '<li><p><a href="URLリンク(twitter.com)" title="{{user.name}} ? {{user.description}}">
<img src="{{user.profile_image_url}}"></a> {{html}}</p><span class="meta"><time>
<a href="URLリンク(twitter.com)">{{time_ago}}</a>
</time> — via <a href="URLリンク(twitter.com)" title="{{user.name}} ? {{user.description}}">{{user.name}}</a></span></li>'
})</script>

でツイートが表示されません。

templates以下を削除したり、
<script>Chirp('username')</script>
でスタイルシートを適用させない場合は表示されるのですが…
どうしたらスタイルシートを適用させつつ表示させられますか?

886:Name_Not_Found
12/08/25 02:42:40.73
javascript質問スレから誘導されました

prototype.jsを利用してクラスを作るとき、
一つのメソッド内で同クラスの他のメソッドは呼び出せないのですか?
他の言語、たとえばjavaなんかではできると思うのですが、prototype.jsの機能では不可能なのでしょうか?

887:Name_Not_Found
12/08/25 04:01:14.02
>>886
スレ違いなんじゃない?
ここ、jQueryのスレだし

888:Name_Not_Found
12/08/25 05:17:51.76
jQueryを例示してあるだけだから
スレ違いじゃないよ

889:Name_Not_Found
12/08/25 06:38:35.53
さっさと答えろよ、てめぇら。

役にたたねえバカしかいねぇのか?ここは

890:Name_Not_Found
12/08/25 07:59:37.84
prototype.jsは素人用
prototype.jsすら使えないならプログラミングはやめとけ

891:Name_Not_Found
12/08/25 08:27:35.41
>>886
普通に this.methodName() でだめ?

892:Name_Not_Found
12/08/25 08:50:01.24
あぁ、そうか総合スレだもんな
んじゃjQueryってキーワードは紛らわしいし抜くべきだよな
ちなみにprototypeはオワコン

893:Name_Not_Found
12/08/25 09:11:08.34
ライブラリ総合って書いてるんだから問題無いだろ。てか、オワコンだからなに?
そういうことを語るスレじゃないだろうに。

894:Name_Not_Found
12/08/25 09:38:42.25
役にたたねえレスばっかだな

 _i^i__i^i_                  i^i ._i^i_ __, -―- 、___
 |*||*| ∩___∩    i^i _i^i_  | | |@ll|(_/,,,,   ,,,,   ヽ_)  山で出会った時は
 |≡||≡|| ノ       ヽ  ([])|;□;|.(≡)|_| |●  ●   |    とりあえず「こんにちわ」が基本だよな
 . 二二/       ● |二二( (二二二二 彡(_●_ )   ミ   
     |          ミ    ) )       / ` ''∪''  / ヽ
    彡、      _ノ Gノ'フ=  ___  / /i  ` ー '"  iヽ |
     /        ヽ / /     | ! / / |       | | .l.
 ..─|ヽ         ヽ/─==i─Y-(_ノ─i二i──(⌒)
 ___ヽ       /ヽノ   └-┘ ┴     ..└┘    . ̄
      | ___ i ̄ そうだよな。 いきなり銃向けられるって、どこのスラム街だよって話だよな

895:Name_Not_Found
12/08/25 10:49:02.81
jQuery.skitterがcubeHideだけ動作しないんだけど、どう追っていったらいいでしょうか…
設置はマニュアル通りにしていて、変わったことはしていません

896:Name_Not_Found
12/08/25 15:56:41.91 a6fSULcv
jqueryのaccordionで複数のイベントをセットするにはどのように書けば良いでしょうか?
$( ".selector" ).accordion( "option", "event", 'mouseover' );
マウスを速く動かしすぎるとmouseoverが反応してくれないときがあるので、mouseoverとclickを同時に設定したいのですが。

897:Name_Not_Found
12/08/30 18:27:39.34
jquery プラグインで、
 ○自動再生するスライドショー
 ○画像に対して、hover イベントで再生を一時停止できる
 ○左右の方向ボタンで再生方向をコントロールできる
ものを探してます。

動き的には、

URLリンク(logicbox.net)

がベストなんですが、このプラグインは、自動再生モードでは、
方向をコントロールするボタンを表示できないんです。

上記の条件に合致するものを、誰かご存知ないですか?





最新レス表示
レスジャンプ
類似スレ一覧
スレッドの検索
話題のニュース
おまかせリスト
オプション
しおりを挟む
スレッドに書込
スレッドの一覧
暇つぶし2ch