私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ【jQuery】JavaScript ライブラリ総合質問所 vol.1

みんなの評価 :
レスフィルター : (試験中)
たまにあるよね。そういうときはdom本来のvalueでなくもうひとつvalueがつくられてたりする。
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({});の中に入ってくれず更新させられません。
対応策がありますでしょうか。
$('#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({});の中に入ってくれず更新させられません。
対応策がありますでしょうか。
jqmは「モバイルサイト」作るのにはいいけど、「モバイルアプリ」には
ちょいと厳しい。モバイルアプリには、Sencha Touchあたりがいいと思う。
ところで、jqmの
$.mobile.changePage( url,{
type : "POST", data : "param=ABC"
}
);
を使って、POSTでページ遷移させた場合に
遷移先ページでparamの値を取得するにはどうしたらいいのん?
GETだったら、URLのクエリパラメータに付加されるから
遷移先ページでのpageshowイベント内で
$(this).data("url")
で取得できるんだけど、POSTの場合のやりかたがわからん。
ちょいと厳しい。モバイルアプリには、Sencha Touchあたりがいいと思う。
ところで、jqmの
$.mobile.changePage( url,{
type : "POST", data : "param=ABC"
}
);
を使って、POSTでページ遷移させた場合に
遷移先ページでparamの値を取得するにはどうしたらいいのん?
GETだったら、URLのクエリパラメータに付加されるから
遷移先ページでのpageshowイベント内で
$(this).data("url")
で取得できるんだけど、POSTの場合のやりかたがわからん。
質問。下記のふたつのコードは、意味は同じでしょうか?
$(document).ready(function(){
//うんたらかんたら
});
$(function(){
//うんたらかんたら
})
いずれもjQueryスクリプトの記述方法としてよく見かけます。
自分の勝手な想像ですが、「元々は1つ目の記法だったけど、
あるバージョンのjQueryから2つめの簡略記法が可能になった」とか?
$(document).ready(function(){
//うんたらかんたら
});
$(function(){
//うんたらかんたら
})
いずれもjQueryスクリプトの記述方法としてよく見かけます。
自分の勝手な想像ですが、「元々は1つ目の記法だったけど、
あるバージョンのjQueryから2つめの簡略記法が可能になった」とか?
>>658
1.0でも簡略記法があるようだよ。ソースを見ただけだけど。
1.0でも簡略記法があるようだよ。ソースを見ただけだけど。
レスありがとうございます。
http://docs.jquery.com/How_jQuery_Works
http://semooh.jp/jquery/ref/cont/tutorial/
などのメジャーなサイトのュートリアルではready()方式しか書かれていないのですが、
比較的最近書かれたと思われるブログTips記事などでは$(function(){})方式ばかりです。
で、ググりにくいキーワードでもあるため、最初は具体的に
「Ver.Xから新記法が使えるようになりました」などの記事が見つけられなかったのですが、
いま改めて探してみたところ、
http://www.mikage.to/jquery/jquery_basic.html#toc_21
> 以前のバージョンでは,$(function(){}) は無く,ready() メソッドを 使用していた
とあり、バージョン不明ですが、少なくとも前述の想像が正しいことが分かりました。
http://docs.jquery.com/How_jQuery_Works
http://semooh.jp/jquery/ref/cont/tutorial/
などのメジャーなサイトのュートリアルではready()方式しか書かれていないのですが、
比較的最近書かれたと思われるブログTips記事などでは$(function(){})方式ばかりです。
で、ググりにくいキーワードでもあるため、最初は具体的に
「Ver.Xから新記法が使えるようになりました」などの記事が見つけられなかったのですが、
いま改めて探してみたところ、
http://www.mikage.to/jquery/jquery_basic.html#toc_21
> 以前のバージョンでは,$(function(){}) は無く,ready() メソッドを 使用していた
とあり、バージョン不明ですが、少なくとも前述の想像が正しいことが分かりました。
> 以前のバージョンでは,$(function(){}) は無く,ready() メソッドを 使用していた
いや、v1.0 からあるって。んな記述ひとつで「正しいことが分かりました」とか、おめでたいな。
いや、v1.0 からあるって。んな記述ひとつで「正しいことが分かりました」とか、おめでたいな。
なるほど。
てっきりjQueryは0.xのバージョンから(それなりに有名的な意味で)世に出ていたのかと思いきや、
1.0が実質的なローンチで、その時点ですでに簡略記法(と呼んでいいのかどうか)はあった、と。
じゃあ、実質的な処理の違いの有無とか、双方の普及・逆転(?)や認知度の経緯とか、
敢えてどちらかを選んでいるひとのこだわりとか、そのへんに興味が湧いてきます。
そもそも公式サイトで簡略記法に触れていないのも不思議に感じます。
見つけにくいだけで、どこかに(ソースコードを除いて)記述はあるのでしょうか?
てっきりjQueryは0.xのバージョンから(それなりに有名的な意味で)世に出ていたのかと思いきや、
1.0が実質的なローンチで、その時点ですでに簡略記法(と呼んでいいのかどうか)はあった、と。
じゃあ、実質的な処理の違いの有無とか、双方の普及・逆転(?)や認知度の経緯とか、
敢えてどちらかを選んでいるひとのこだわりとか、そのへんに興味が湧いてきます。
そもそも公式サイトで簡略記法に触れていないのも不思議に感じます。
見つけにくいだけで、どこかに(ソースコードを除いて)記述はあるのでしょうか?
.ready()のページにある。
いつから記載されてるかは、インターネットアーカイブでも見ればわかるかもよ。
いつから記載されてるかは、インターネットアーカイブでも見ればわかるかもよ。
jQuery用で、androidでも動くドラッグ&ドロッププラグインの
オススメってありますか?
オススメってありますか?
>>673
ありがとうございます。
touch punchよさげですね。ただちょっと重いかなと。
自分もぐぐってみたら、これがandroidでも動いてかなり軽量な感じでした。
http://www.midemos.com/demos/iphone/touch/?/iphone/touch/
ただ、ドキュメントがほとんど無さそう。
ありがとうございます。
touch punchよさげですね。ただちょっと重いかなと。
自分もぐぐってみたら、これがandroidでも動いてかなり軽量な感じでした。
http://www.midemos.com/demos/iphone/touch/?/iphone/touch/
ただ、ドキュメントがほとんど無さそう。
>>674
Touch Punchは確かに重いんだよね。
ただjQuery UIをそのまま使えるんで使いまわししやすい。
Android、というか手元のXperia Acroだと#1が回転・拡大縮小できないのはまぁ仕方ないにしても
ページ自体のスクロールができなかった。
用途次第では問題ないと思うけど一応。
Touch Punchは確かに重いんだよね。
ただjQuery UIをそのまま使えるんで使いまわししやすい。
Android、というか手元のXperia Acroだと#1が回転・拡大縮小できないのはまぁ仕方ないにしても
ページ自体のスクロールができなかった。
用途次第では問題ないと思うけど一応。
ヒントをいただければと思います。
1,サムネイル写真をクリックすると、メインスペースにその写真が現れ、
2,メインスペースの写真をクリックすると、スペース内で画像が拡大される。
http://www.aniary.com/2012_1/AL-02-05/#d_brown
このサイトのようなことをしたいと思ってます。
コードをゼロから書くことはできないので、
既存のjqueryのコードの組み合わせでできますでしょうか。
画像スワップはわかっているつもりですが、
それに、画像拡大を組み合わせられますか。
もし、適当なプラグインがあれば、教えてもらえればと思います。
1,サムネイル写真をクリックすると、メインスペースにその写真が現れ、
2,メインスペースの写真をクリックすると、スペース内で画像が拡大される。
http://www.aniary.com/2012_1/AL-02-05/#d_brown
このサイトのようなことをしたいと思ってます。
コードをゼロから書くことはできないので、
既存のjqueryのコードの組み合わせでできますでしょうか。
画像スワップはわかっているつもりですが、
それに、画像拡大を組み合わせられますか。
もし、適当なプラグインがあれば、教えてもらえればと思います。
>>678
ありがとうございます。
拡大するときは、前に画像が浮かんでくるのではなく、
もとあった画像の枠内で大きくしたいと思っています。
紹介してもらった以外にも、ありそうなので、
「litebox系」で、ぐぐってみます。
ありがとうございます。
拡大するときは、前に画像が浮かんでくるのではなく、
もとあった画像の枠内で大きくしたいと思っています。
紹介してもらった以外にも、ありそうなので、
「litebox系」で、ぐぐってみます。
jQuery Mobileは同じく重くてガッカリ
重いというか動かないレベル
ふわっと遷移するのが売り物なのに、途中が全部コマ落ちして一瞬で変わるw
重いというか動かないレベル
ふわっと遷移するのが売り物なのに、途中が全部コマ落ちして一瞬で変わるw
Android4の標準ブラウザだと
けっこうサクサク動くけどな。
モトのグローバル端末にCM9だけど。
国内キャリアのガラスマだと厳しいとかw
マーケットアプリも、国内キャリアだと
動かないとかのクレームけっこうレビューにあるし。
けっこうサクサク動くけどな。
モトのグローバル端末にCM9だけど。
国内キャリアのガラスマだと厳しいとかw
マーケットアプリも、国内キャリアだと
動かないとかのクレームけっこうレビューにあるし。
つまり国産スマホが駄目ってことなの?
Galaxyでも似たようなもんだったけど
OSのせいなのかな、2.3系でしか試してないわ
Galaxyでも似たようなもんだったけど
OSのせいなのかな、2.3系でしか試してないわ
GB(2.3系)のブラウザだと、どれでも厳しいのでは。
ICSの標準ブラウザはよくできてるよ。
細かい使い勝手は微妙だけど、レンダリングのパフォーマンスはかなり改善されてるよね。
ICS入れてから、標準ブラウザ以外を使う気にならない。
ICSの標準ブラウザはよくできてるよ。
細かい使い勝手は微妙だけど、レンダリングのパフォーマンスはかなり改善されてるよね。
ICS入れてから、標準ブラウザ以外を使う気にならない。
カルーセルはカルーセルで、ごく一部分のUI要素でしかないだろ。
全体的な構成はjqmに似てるけど、独自なのかもね。
全体的な構成はjqmに似てるけど、独自なのかもね。
個人でiphoneアプリ、Windowsアプリをマーケットに売って生き残れ
格安iPhoneEラーニング(学習動画多数あり)
http://tinyurl. com/7wj77om
コワーキングスペースJP
http://tinyurl. com/76vdrny
javaやlinuxは手間がかかる 一人でやるには手間がかかりすぎる 手間がかからないで一人で開発できて
人の多いところで直接販売できる仕組みが提供されているメーカ製の言語だけやる ずばりiphone またはWindow 8 Metro App Store C#
やるならメーカー製の言語 洗練された仕様 脆弱性が少なく 開発ソフトが優れ 課金ライブラリ アップデートライブラリが提供されていて 情報,書籍が多く開発しやすい
奴隷になりたければオープン系をやればいい 時間がかかり 人は多く 仕事の取り合い 足の引っ張り合い 脆弱性が多く 互換性がなく 癖があり 大規模開発中心
詳細設計しかやれない体になって年取ってぽいだ 独立もできない 手間のかかりすぎる仕様だから
派遣屋・IT経営者はその方が喜ぶ 大規模分割開発では使い捨てしても独立はできまい 代わりはいくらでもいる 嫌なら辞めろ
派遣営業は舐めた態度をとってくる ひどいピンハネ
オープン言語、日本独自開発言語・フレームワーク ガラパコ携帯 javascript html5 Android java linux python rubyやnode.jsとかやめとけ
メディアに金を払ってステマ宣伝してくるが釣られて手を出しても情報は少なく手間がかかり未完成かデスマに陥る
コンパイルできないからパクられ 直接売る場所がないから金にならない 生きていけない ずっと奴隷仕様の言語だ
格安iPhoneEラーニング(学習動画多数あり)
http://tinyurl. com/7wj77om
コワーキングスペースJP
http://tinyurl. com/76vdrny
javaやlinuxは手間がかかる 一人でやるには手間がかかりすぎる 手間がかからないで一人で開発できて
人の多いところで直接販売できる仕組みが提供されているメーカ製の言語だけやる ずばりiphone またはWindow 8 Metro App Store C#
やるならメーカー製の言語 洗練された仕様 脆弱性が少なく 開発ソフトが優れ 課金ライブラリ アップデートライブラリが提供されていて 情報,書籍が多く開発しやすい
奴隷になりたければオープン系をやればいい 時間がかかり 人は多く 仕事の取り合い 足の引っ張り合い 脆弱性が多く 互換性がなく 癖があり 大規模開発中心
詳細設計しかやれない体になって年取ってぽいだ 独立もできない 手間のかかりすぎる仕様だから
派遣屋・IT経営者はその方が喜ぶ 大規模分割開発では使い捨てしても独立はできまい 代わりはいくらでもいる 嫌なら辞めろ
派遣営業は舐めた態度をとってくる ひどいピンハネ
オープン言語、日本独自開発言語・フレームワーク ガラパコ携帯 javascript html5 Android java linux python rubyやnode.jsとかやめとけ
メディアに金を払ってステマ宣伝してくるが釣られて手を出しても情報は少なく手間がかかり未完成かデスマに陥る
コンパイルできないからパクられ 直接売る場所がないから金にならない 生きていけない ずっと奴隷仕様の言語だ
ここから抜け出すには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万)
レンタル自習室&シェアオフィス・コワーキングで収入を得ながらそこでアプリを開発する
http://tinyurl. com/7pb2yaa
http://bit. ly/iLIpJa
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万)
レンタル自習室&シェアオフィス・コワーキングで収入を得ながらそこでアプリを開発する
http://tinyurl. com/7pb2yaa
http://bit. ly/iLIpJa
質問です。下記の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);
});
});
これだとちゃんとマウスオーバー時に機能する。
違いは関数を渡した時の()だけ。
推測だけど、()を付けると定義ではなく実行するんじゃなかろうかと。
オブジェクトとして渡すだけなら()無し。実行するなら()で、ということ?
<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);
});
});
これだとちゃんとマウスオーバー時に機能する。
違いは関数を渡した時の()だけ。
推測だけど、()を付けると定義ではなく実行するんじゃなかろうかと。
オブジェクトとして渡すだけなら()無し。実行するなら()で、ということ?
> 推測だけど、()を付けると定義ではなく実行するんじゃなかろうかと。
> オブジェクトとして渡すだけなら()無し。実行するなら()で、ということ?
ということ
> オブジェクトとして渡すだけなら()無し。実行するなら()で、ということ?
ということ
4Gamer.netのスマートフォン版で横スワイプのページ遷移がすごいヌルヌルなのは、どうやって実装してるんでしょうか?
http://www.4gamer.net/
http://www.4gamer.net/



類似してるかもしれないスレッド
- 【jQuery】JavaScript ライブラリ総合質問所 vol.3 (1001) - [98%] - 2014/6/18 20:58 △
- 【jQuery】JavaScript ライブラリ総合質問所 vol.2 (986) - [98%] - 2013/5/20 7:00
- JavaScript ライブラリ総合質問所 vol.4 (985) - [75%] - 2015/12/16 15:00
- JavaScript ライブラリ総合質問所 vol.5 (344) - [75%] - 2022/3/14 17:45
- jQuery ライブラリ 総合質問所 vol.4 (986) - [65%] - 2016/1/12 15:15
- 1行javascriptプログラミング (431) - [30%] - 2022/8/23 15:30
トップメニューへ / →のくす牧場書庫について