12/06/10 12:49:39.11
input 要素自体を append/after/html などで出力じゃダメなの？
651:Name_Not_Found
12/06/10 13:26:40.56
普通はできるからその特定のサイトの仕様上の問題だろう
652:Name_Not_Found
12/06/10 14:42:55.72
innerHTMLでできました。
しかし.valueだとなぜかできない
653:Name_Not_Found
12/06/10 15:02:25.58
たまにあるよね。そういうときはdom本来のvalueでなくもうひとつvalueがつくられてたりする。
654:Name_Not_Found
12/06/12 13:47:46.63
jquery mobileでマップ＆マーカー表示させるものを作ってます。
$('#page-home').live("pageshow", function(){
$('#map_canvas').gmap({ マップ表示＆マーカーをjsonで読み込んで複数配置 });
});
<div data-role="page" class="gmapbg" id="page-home">
<header data-role="header" data-position="inline" data-theme="a">
<h1>Test</h1>
<a href="#options" data-icon="gear" class="ui-btn-right" data-inline="true" data-rel="dialog" data-transition="pop">Options</a>
</header>
<div data-role="content">
<div class="ui-bar-c ui-corner-all ui-shadow" id="map_item">
<div id="map_canvas"></div>
</div>
</div>
<div data-role="dialog" class="gmapbg" id="options">
<div data-role="content">
<a href="#page-home" data-role="button" data-theme="a" id="saveBtn">設定する</a>
</div>
</div>
page-homeを表示する際にマップとマーカー配置を行ってます。
optionsのダイアログを表示して、マーカーで表示するカテゴリみたいなのを選択させて、
page-homeに戻ってきたときに、カテゴリを絞ってマーカーを再配置させてやりたいのですが、
gmap({});の中に入ってくれず更新させられません。
対応策がありますでしょうか。
655:654
12/06/12 14:29:49.20
数時間なやんだけど・・自己解決しました。
$('#map_canvas').gmap({})
と
マーカ作成処理を外出しで分離してやればできました。
スレ汚しすみません。
656:Name_Not_Found
12/06/13 22:33:18.32
やっぱりjqmで決まりなのかな?
jqtouchとかどうなんだろ
657:Name_Not_Found
12/06/14 00:37:53.70
jqmは「モバイルサイト」作るのにはいいけど、「モバイルアプリ」には
ちょいと厳しい。モバイルアプリには、Sencha Touchあたりがいいと思う。
ところで、jqmの
$.mobile.changePage( url,{
type : "POST", data : "param=ABC"
}
);
を使って、POSTでページ遷移させた場合に
遷移先ページでparamの値を取得するにはどうしたらいいのん？
GETだったら、URLのクエリパラメータに付加されるから
遷移先ページでのpageshowイベント内で
$(this).data("url")
で取得できるんだけど、POSTの場合のやりかたがわからん。
658:Name_Not_Found
12/06/14 01:28:49.44
質問。下記のふたつのコードは、意味は同じでしょうか?
$(document).ready(function(){
//うんたらかんたら
});
$(function(){
//うんたらかんたら
})
いずれもjQueryスクリプトの記述方法としてよく見かけます。
自分の勝手な想像ですが、「元々は1つ目の記法だったけど、
あるバージョンのjQueryから2つめの簡略記法が可能になった」とか?
659:Name_Not_Found
12/06/14 01:37:47.43
同じ
660:Name_Not_Found
12/06/14 04:20:04.48
サーバ側で出力したらいい
両方書いて比較したらいい
661:Name_Not_Found
12/06/14 09:28:12.49
jqmobiというのも出て来た。
ややこしいな
662:Name_Not_Found
12/06/14 09:47:49.89
>>658
1.0でも簡略記法があるようだよ。ソースを見ただけだけど。
663:658
12/06/14 10:54:28.29
レスありがとうございます。
URLﾘﾝｸ(docs.jquery.com)
URLﾘﾝｸ(semooh.jp)
などのメジャーなサイトのュートリアルではready()方式しか書かれていないのですが、
比較的最近書かれたと思われるブログTips記事などでは$(function(){})方式ばかりです。
で、ググりにくいキーワードでもあるため、最初は具体的に
「Ver.Xから新記法が使えるようになりました」などの記事が見つけられなかったのですが、
いま改めて探してみたところ、
URLﾘﾝｸ(www.mikage.to)
> 以前のバージョンでは，$(function(){}) は無く，ready() メソッドを 使用していた
とあり、バージョン不明ですが、少なくとも前述の想像が正しいことが分かりました。
664:Name_Not_Found
12/06/14 11:46:51.29
総本山の記述がすべてじゃないの？
665:Name_Not_Found
12/06/14 12:35:11.97
> 以前のバージョンでは，$(function(){}) は無く，ready() メソッドを 使用していた
いや、v1.0 からあるって。んな記述ひとつで「正しいことが分かりました」とか、おめでたいな。
666:Name_Not_Found
12/06/14 13:11:49.16
公式よりも、ただの日本語訳を信頼するとかアホだ
667:Name_Not_Found
12/06/14 14:07:29.96
1.0 以前ってことかね。すくなくとも 1.0ではshortcut のコードがある。(それもいきなり)
668:Name_Not_Found
12/06/14 14:15:05.77
URLﾘﾝｸ(jsgt.org)
669:658
12/06/14 15:53:08.50
なるほど。
てっきりjQueryは0.xのバージョンから(それなりに有名的な意味で)世に出ていたのかと思いきや、
1.0が実質的なローンチで、その時点ですでに簡略記法(と呼んでいいのかどうか)はあった、と。
じゃあ、実質的な処理の違いの有無とか、双方の普及・逆転(?)や認知度の経緯とか、
敢えてどちらかを選んでいるひとのこだわりとか、そのへんに興味が湧いてきます。
そもそも公式サイトで簡略記法に触れていないのも不思議に感じます。
見つけにくいだけで、どこかに(ソースコードを除いて)記述はあるのでしょうか？
670:Name_Not_Found
12/06/14 16:03:19.31
.ready()のページにある。
いつから記載されてるかは、インターネットアーカイブでも見ればわかるかもよ。
671:Name_Not_Found
12/06/14 20:20:42.91
>>669
URLﾘﾝｸ(api.jquery.com)
672:Name_Not_Found
12/06/20 09:38:43.06
jQuery用で、androidでも動くドラッグ＆ドロッププラグインの
オススメってありますか？
673:Name_Not_Found
12/06/20 10:54:58.39
ｊQuery UIとjQuery UI Touch Punchの組み合わせでどうかね。
674:Name_Not_Found
12/06/20 11:13:10.76
>>673
ありがとうございます。
touch punchよさげですね。ただちょっと重いかなと。
自分もぐぐってみたら、これがandroidでも動いてかなり軽量な感じでした。
URLﾘﾝｸ(www.midemos.com)
ただ、ドキュメントがほとんど無さそう。
675:Name_Not_Found
12/06/20 11:30:44.63
>>674
Touch Punchは確かに重いんだよね。
ただjQuery UIをそのまま使えるんで使いまわししやすい。
Android、というか手元のXperia Acroだと#1が回転・拡大縮小できないのはまぁ仕方ないにしても
ページ自体のスクロールができなかった。
用途次第では問題ないと思うけど一応。
676:Name_Not_Found
12/06/20 12:33:10.13
>>675
たしかに、jQuery UIそのまま使えるのは利点ですね。
パフォーマンス含めて用途に合うかちゃんと調べてみます。
後者のほうは、PCブラウザだと動かないのでデバッグしづらそうです。
MotorolaのDroid3ですが、同じように#1の回転拡大は動いてないです。
んー、安易にプラグイン使う前に、ちゃんとdraggable/droppableを
勉強するかなぁ。。
677:Name_Not_Found
12/06/20 17:53:20.31
ヒントをいただければと思います。
１，サムネイル写真をクリックすると、メインスペースにその写真が現れ、
２，メインスペースの写真をクリックすると、スペース内で画像が拡大される。
URLﾘﾝｸ(www.aniary.com)
このサイトのようなことをしたいと思ってます。
コードをゼロから書くことはできないので、
既存のjqueryのコードの組み合わせでできますでしょうか。
画像スワップはわかっているつもりですが、
それに、画像拡大を組み合わせられますか。
もし、適当なプラグインがあれば、教えてもらえればと思います。
678:Name_Not_Found
12/06/20 23:14:59.53
拡大がやりたいなら、litebox系を使えば？
URLﾘﾝｸ(lokeshdhakar.com)
URLﾘﾝｸ(fancybox.net)
679:677
12/06/20 23:54:32.54
>>678
ありがとうございます。
拡大するときは、前に画像が浮かんでくるのではなく、
もとあった画像の枠内で大きくしたいと思っています。
紹介してもらった以外にも、ありそうなので、
「litebox系」で、ぐぐってみます。
680:Name_Not_Found
12/06/21 05:48:48.96
jquery mobileがクソ重くてガッカリ。
jqmobiとjqueryを組み合わせて動かす事出来るんだろうか。
681:Name_Not_Found
12/06/21 10:08:10.40
むしろ、jQueryが使えない環境で、jqmobiでjQueryライクな
DOM操作ができることを期待してる。
SenchaTouch使った開発で、jQueryライクなDOM操作をするとか。
682:Name_Not_Found
12/06/21 13:59:52.25
ｊQuery Mobileは同じく重くてガッカリ
重いというか動かないレベル
ふわっと遷移するのが売り物なのに、途中が全部コマ落ちして一瞬で変わるｗ
683:Name_Not_Found
12/06/21 17:36:34.91
Android4の標準ブラウザだと
けっこうサクサク動くけどな。
モトのグローバル端末にCM9だけど。
国内キャリアのガラスマだと厳しいとかｗ
マーケットアプリも、国内キャリアだと
動かないとかのクレームけっこうレビューにあるし。
684:Name_Not_Found
12/06/21 18:22:00.02
つまり国産スマホが駄目ってことなの？
Galaxyでも似たようなもんだったけど
OSのせいなのかな、2.3系でしか試してないわ
685:Name_Not_Found
12/06/21 18:48:44.79
GB(2.3系)のブラウザだと、どれでも厳しいのでは。
ICSの標準ブラウザはよくできてるよ。
細かい使い勝手は微妙だけど、レンダリングのパフォーマンスはかなり改善されてるよね。
ICS入れてから、標準ブラウザ以外を使う気にならない。
686:Name_Not_Found
12/06/21 19:33:35.96
OS の最適化が進んでる 3.x 以降じゃなきゃ使う気が起きない
687:Name_Not_Found
12/06/22 08:23:24.58
価格コムのスマホサイトって
なんのフレームワーク使ってるんだろう？
jQueryMobileではなさそう
URLﾘﾝｸ(s.kakaku.com)
688:Name_Not_Found
12/06/22 08:54:10.90
ソースに書いてあんじゃん。
TouchCarousel - jQuery Content Scroller and Slider
URLﾘﾝｸ(dimsemenov.com)
あとは独自にやってんじゃね？
689:Name_Not_Found
12/06/22 09:59:41.35
カルーセルはカルーセルで、ごく一部分のUI要素でしかないだろ。
全体的な構成はjqmに似てるけど、独自なのかもね。
690:Name_Not_Found
12/06/22 12:03:39.96
個人でiphoneアプリ、Windowsアプリをマーケットに売って生き残れ
格安iPhoneEラーニング(学習動画多数あり)
URLﾘﾝｸ(tinyurl.)<) com/76vdrny
javaやlinuxは手間がかかる 一人でやるには手間がかかりすぎる 手間がかからないで一人で開発できて
人の多いところで直接販売できる仕組みが提供されているメーカ製の言語だけやる ずばりiphone またはWindow 8 Metro App Store C#
やるならメーカー製の言語 洗練された仕様 脆弱性が少なく 開発ソフトが優れ 課金ライブラリ アップデートライブラリが提供されていて 情報,書籍が多く開発しやすい
奴隷になりたければオープン系をやればいい 時間がかかり 人は多く 仕事の取り合い 足の引っ張り合い 脆弱性が多く 互換性がなく 癖があり 大規模開発中心
詳細設計しかやれない体になって年取ってぽいだ 独立もできない 手間のかかりすぎる仕様だから
派遣屋・IT経営者はその方が喜ぶ 大規模分割開発では使い捨てしても独立はできまい 代わりはいくらでもいる 嫌なら辞めろ
派遣営業は舐めた態度をとってくる ひどいピンハネ
オープン言語、日本独自開発言語・フレームワーク ガラパコ携帯 javascript html5 Android java linux python rubyやnode.jsとかやめとけ
メディアに金を払ってステマ宣伝してくるが釣られて手を出しても情報は少なく手間がかかり未完成かデスマに陥る
コンパイルできないからパクられ 直接売る場所がないから金にならない 生きていけない ずっと奴隷仕様の言語だ
691:Name_Not_Found
12/06/22 12:05:24.32
ここから抜け出すにはiPhone一択 またはWindow 8 Metro App Store(未確) C#
Objective-CやC#を覚えるとサーバーサイドからクライアントサイドまでカバーでき人の多い場所でソフトを売る権利を得られる
仕事や趣味でObjective-CやC＃を覚えれば派遣切りされても会社辞めることになってもソフトを売って生きていける それはセーフティーネットになる
WEBサーバーIIS Win2008ServerVPS SqlServer Oracle MySql 言語はマーケットで売れるメーカー製のみ C#は自分用業務支援ツールとして使える
例えばPHPでWEBアプリを作っていて管理者画面はC＃(EXEアプリ)で作るとかなり早く作れる（Smartyなんか使うよりもかなり早くだ）
ASP.net(C#)+管理EXEアプリ(C#)+iPhone C#のソースを出さなければWEBアプリの著作権も守れる
C#マーケット Windows8 Metroアプリ WindowsPhone pad PS Vita Xbox360 iphone(mono使用)
iPhoneマーケット iPhone iPad 予定 iTv iCar i (家電製品)
地方に安い土地を買いコンテナ型の格安高性能オフィスを建て(300万～500万)
レンタル自習室＆シェアオフィス・コワーキングで収入を得ながらそこでアプリを開発する
URLﾘﾝｸ(tinyurl.)<) ly/iLIpJa
692:Name_Not_Found
12/06/22 15:48:37.71
URLﾘﾝｸ(kachibito.net)
このサイトの、画像にマウスオーバーしたときの
ふわんと画像が大きくなる効果は、
何のプラグイン使ってるんでしょうね？
693:Name_Not_Found
12/06/22 17:58:46.20
>>692
CSS3
694:Name_Not_Found
12/06/22 21:20:18.11
>>673
jQuery UI Touch Punchを使って
シンプルなドラッグ＆ドロップのコードを書いてみたら
けっこうサクサク動くね。
ぜんぜん重くないわ。
695:Name_Not_Found
12/06/29 01:39:37.61
質問です。下記のHTMLに対してマウスエンター時にalertを出そうとしてます。
<div class="rect">hoge</div>
<div class="rect">piyo</div>
jqueryは以下の通り。
$(function(){
function f(e){
alert(e.data.data);
}
$(".rect").each(function(){
$(this).bind("mouseenter",{data:"foo"},f());
});
});
これだとロード時にrectEnter()が起動してしまう。
なぜだかわからない。
$(function(){
function f(e){
alert(e.data.data);
}
$(".rect").each(function(){
$(this).bind("mouseenter",{data:"foo"},f);
});
});
これだとちゃんとマウスオーバー時に機能する。
違いは関数を渡した時の（）だけ。
推測だけど、()を付けると定義ではなく実行するんじゃなかろうかと。
オブジェクトとして渡すだけなら()無し。実行するなら()で、ということ？
696:Name_Not_Found
12/06/29 06:05:14.10
口調が気にくわない
697:Name_Not_Found
12/06/29 07:57:09.88
> 推測だけど、()を付けると定義ではなく実行するんじゃなかろうかと。
> オブジェクトとして渡すだけなら()無し。実行するなら()で、ということ？
ということ
698:Name_Not_Found
12/06/29 10:15:54.84
>>696
うるせー
>>697
ありがとうございます。
非常に助かりました。
699:Name_Not_Found
12/06/29 11:52:31.54
4Gamer.netのスマートフォン版で横スワイプのページ遷移がすごいヌルヌルなのは、どうやって実装してるんでしょうか？
URLﾘﾝｸ(www.4gamer.net)
700:Name_Not_Found
12/06/29 12:26:52.00
どうやってって…見りゃいいじゃん
701:Name_Not_Found
12/06/29 12:44:23.00
>>699
スマホで見てみたけどカクカクだった
702:Name_Not_Found
12/06/29 13:38:18.01
3GSでもヌルヌルだったぞ
703:Name_Not_Found
12/06/29 19:36:29.27
カクカクだった
704:Name_Not_Found
12/06/29 19:48:46.93
ツルペタだった
705:Name_Not_Found
12/06/29 19:49:55.80
ぬれぬれだった
706:Name_Not_Found
12/06/29 23:41:15.75
3Gでフルフルだった
707:Name_Not_Found
12/06/30 05:06:48.88
hulu
708:Name_Not_Found
12/07/01 13:19:19.40
jQueryオブジェクトを一つの変数にまとめるにはどうすればいいのでしょうか。
セレクタを使う場合に hoge = hoge.add('#fuga') とするように
hoge += fuga // 両方jQueryオブジェクト
みたいにしたいんですが上記コードだと hoge.css()とかするとエラーが出ます。
709:Name_Not_Found
12/07/01 13:29:58.48
例を考えるのが面倒なので
hogeとfugaに何が入ってるか示して
710:Name_Not_Found
12/07/01 13:59:59.54
>>709
変数に配列としてキャッシュされているdivとかの要素です。
for (var i=0; i<10; i++) fuga[i] = $('#fuga').find('div').eq(i)
みたいな変数があって、
var hoge = $([]);//空のjQueryオブジェクト
for (var i=0; i<fuga.length; i++) {
hoge += fuga[i];
}
hoge.css(なんちゃら) // こういう風に複数の要素に何かしらの処理をしたい
711:Name_Not_Found
12/07/01 14:03:14.35
上では端折りましたが、fugaだけでなく複数の変数の中身をhogeにまとめたりもする必要があるんです。
全てに連番のid振るのもアレなんで…
712:Name_Not_Found
12/07/01 14:04:45.30
jQuery流の書き方を勉強しなさい
$('#fuga').find('div').css(なんちゃら);
あるいは
$('#fuga').find('div').each(function() {
$(this).css(なんちゃら);
}
713:Name_Not_Found
12/07/01 14:09:47.35
$.each([fuga1,fuga2,fuga3],function() {
$(this).css(なんちゃら);
});
714:Name_Not_Found
12/07/01 14:24:22.21
>>712-713
自分が知りたかったのはeachのようです。713さんの書き方でとりあえず配列内のオブジェクト全体に
何かしら処理を行う事ができました。またjQuery流の書き方も少しずつ覚えていきたいと思います。
どうもありがとうございました。
715:Name_Not_Found
12/07/01 14:29:10.67
その調子で頑張って
716:Name_Not_Found
12/07/01 14:40:19.79
終わってからいうのも何だけど、.add() は jQueryオブジェクトも渡せるよ。
717:Name_Not_Found
12/07/01 14:52:37.31
渡しても意図した通りにならなかったよ
718:Name_Not_Found
12/07/01 17:26:55.58
たとえば?
719:Name_Not_Found
12/07/01 17:34:25.88
また試さずにやった>>717が沸いてきたな
720:Name_Not_Found
12/07/01 17:55:50.97
試したかどうかなんて分からないんだからどうでもいい
721:Name_Not_Found
12/07/01 21:20:59.28 BSU5oiwg
初心者なんですけどloadで読み込んだファイルをsortableしたいんですけど
したのような感じに書き直してみたけどダメでした。
$("p").sortable({
↓
$("p").live("sortable",function(){
loadで読み込んだファイルもsortableさせる方法ってあるんでしょうか？
722:Name_Not_Found
12/07/01 21:43:11.96 BSU5oiwg
マニュアル見たらどんなイベントでもliveって使えるわけじゃないんですね、はぁ
723:Name_Not_Found
12/07/01 21:54:54.56
jqueryの関数の中のthisって、具体的には何を指すんでしょうか？
724:Name_Not_Found
12/07/01 22:03:00.95
イベントの発生源とか
725:Name_Not_Found
12/07/01 22:07:56.46
一概に言えない
726:Name_Not_Found
12/07/01 23:38:36.83
基本的にはjqueryオブジェクト
727:Name_Not_Found
12/07/01 23:41:24.10
$('div').each(function() {
$(this).css({backgroundColor:'red'});
// ↑これ？
});
728:Name_Not_Found
12/07/02 11:11:21.90
>>721-722
バブリングしないイベントは無理でしょ。そういう仕組みなんだから。
sortable の仕様を読みなさい。
729:Name_Not_Found
12/07/02 11:12:39.61
>>726
jQueryオブジェクトになるパターンある？
>727ならdiv要素ノードオブジェクトだと思うけど。
730:Name_Not_Found
12/07/02 11:28:01.27
thisが出てくるのはeachくらい？
731:Name_Not_Found
12/07/02 11:29:14.25
jQueryのソース読んでみ
732:Name_Not_Found
12/07/02 11:46:57.87
ソースを読んでjQueryオブジェクトになるパターンがあるか報告よろ
733:Name_Not_Found
12/07/02 17:29:56.72
イベントハンドラ関数でも this を使うけど、俺の知る限りではjQueryオブジェクトになるパターンはないな
734:Name_Not_Found
12/07/02 17:31:41.14
>>708
jQuery 変数を複数のセレクタに適用する。 | OKWave
URLﾘﾝｸ(okwave.jp)
こっちは放置なの？
735:Name_Not_Found
12/07/02 17:47:07.30
質問者：mc0816
誕生日：8月16日
イニシャル：M・C
736:Name_Not_Found
12/07/03 16:21:44.72
>>730
$('#hoge').click(function(){$(this).hide();});
いくらでもあるぞ
737:Name_Not_Found
12/07/03 23:47:44.76
>>736
それthisはjQueryオブジェクトじゃないじゃん
738:Name_Not_Found
12/07/04 00:04:35.17
jQuery Mobileでselectメニューを使う際に、
属性でdata-native-menu="false"を指定すると
見栄えはいいんだけど、Android(ICS)だとすごく重くなる。
selectメニューだけ、jQMのスタイルを外すのはどうやればいいのん？
739:Name_Not_Found
12/07/04 00:46:02.43
まちがえた。chromeで確認してた。。。o...rz
data-native-menu="true"にして、Androidで確認したら
ちゃんとネイティブになってた。申し訳ない
740:Name_Not_Found
12/07/04 10:28:05.20
>>739
AndroidにもChromeはあるわけだが、えまえさんのいうAndroidのブラウザ名は何だ？
Chromeが載っているOSは？
741:Name_Not_Found
12/07/04 10:41:49.56
新キャラ：えまえさん
742:Name_Not_Found
12/07/04 11:11:37.92
>>740
どうも、えまえです。
PC版Chromeで確認してた。。。
ちなみに自分のAndroid端末だと、ICS(CM9)載せてもAndroid用の
Chromeが動かないのよ。
ハードウェアのアクセラレーションが有効でないとダメなんだっけか。
743:Name_Not_Found
12/07/04 19:07:26.06
cake phpにて、jQuery.mobile1.0.0を利用したスマートフォン用のサイトを作成しています。
formタグ内のselectボックスやsubmitボタン等の下に経線が現れる事があります。
これが画面を縦にすると現れるのですが横向きにすると消えてしまいます。
PCで確認しても同様に消えてしまいます。
これは一体どうしてなのでしょう？
どうしたら消えるのでしょうか？
744:Name_Not_Found
12/07/04 21:24:06.41
<fieldset>とかでUI要素を包むと出なかったっけ、その線。
俺も今までjQuery Mobileでゴリゴリ作りこんで来たんだけど、
庵泥端末の実機で確認した時のクソ重さにストレスが貯まってたんだけど
Date&Time Pickerプラグイン使って、キレた。
URLﾘﾝｸ(dev.jtsage.com)
こんなもん、ユーザにどうストレス無く使わせられるのかって。
頭に来て、全部Twitter Bootstrapに載せ替えるイバラの道を選んだ。
こっちは、TimePickerプラグインとかを実機で動かしても
かなりスムーズに動く。
URLﾘﾝｸ(jdewit.github.com)
745:Name_Not_Found
12/07/05 21:28:44.32
もっと実用的なfwないのかね。
jqtouchは、軽そうだけどどうなんだろう
746:Name_Not_Found
12/07/05 22:55:27.12
試してみようず
747:Name_Not_Found
12/07/06 21:14:58.02
jQuery Mobileにて、ページ移動のslideアニメーションをiPhoneのSafari以外のブラウザでやると動作がもたついて移動先のページが一瞬表示されてからアニメーションが起こるのですが、何か回避策はありますか？
748:Name_Not_Found
12/07/06 22:11:26.99
回避方法は多分無い。Androidだと壊滅的。
プラグイン使うともう地獄。
結果、俺はjQM捨てた。
３ヶ月を無駄にした。
749:Name_Not_Found
12/07/06 22:49:40.95
３ヶ月も試す前に気付けよｗ
俺は３日で見切った。
750: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
業務命令だと、「なぜ使えないのか」の説明を求められるから
現場は３日で判断できても、上の方にあがるほど、放置されるわなんだで
時間掛かるんだよなー。「なんとかしろ」で突っ返されるし。
チューニングして工夫してある程度動くものを見せて
「これじゃあしょうがない」になるまで３ヶ月かかった。
このご時世で決断スピードがコレは、会社として致命的だわ。。。
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()で出たり引っ込んだりを実装しているのですが、その動作がもっさりなんです。
他の３つのブラウザではさくっと動いてくれます（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 ２ちゃんねる』
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みたいに拡大アニメーション付きで出てくるようなプラグインありませんか？
ｊQuery 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)
がベストなんですが、このプラグインは、自動再生モードでは、
方向をコントロールするボタンを表示できないんです。
上記の条件に合致するものを、誰かご存知ないですか？