• 締切済み

アイパッドでダブルタップからJQueryを動したい

アイパッドでダブルタップをしたらセレクトボックスに値を入れて展開したいのですが、アイパッドではダブルタップすると拡大縮小を繰り返すだけです。 こちらのサイトを拝見して、 http://blog.webcreativepark.net/2010/08/16-110311.html プログラムを入れ込んでみたのですが、うまくいきません。 セレクトボックスをPタグで囲んでみたり、Pをselectに変えたりしたのですが、セレクトボックスに値が入りません。 (パソコン上ではダブルクリックでセレクトボックスに値がはいって展開します。) 気になるのは、data("dblTap")というフラグを用意して・・・という文章がありますが、このフラグはどこに用意すればいいのでしょうか。 素人の質問で申し訳ございませんが、おわかりの方がいらっしゃいましたら教えてください。 よろしくお願いいたします。

noname#223023
noname#223023
  • AJAX
  • 回答数2
  • ありがとう数2

みんなの回答

  • tracer
  • ベストアンサー率41% (255/621)
回答No.2

やりたいこと、やったこと、現在の状況をもう少し正確に書かないと。。 >アイパッドでダブルタップをしたら どこを? >セレクトボックスをPタグで囲んでみたり、Pをselectに変えたりしたのですが 実際にどうやって書いたの? >セレクトボックスに値が入りません。 参考サイトにはこの箇所はないですよ? >このフラグはどこに用意すればいいのでしょうか。 参考サイトのサンプルプログラムの中で既に用意されています。 >拡大縮小を繰り返すだけ 参考サイトのサンプルは、ダブルタップされたことを発見するだけのものなので、本来のiPadの挙動は変更できませんよ。考え方としては、「本来のiPadの挙動」+「何かやりたいこと」というイメージですかね。

noname#223023
質問者

お礼

tracer さま ご返信ありがとうございました。 申し訳ございません。だいぶ回答がつかなかったので諦めておりまして、御礼が遅くなりました。 説明不足で申し訳ございません。 私がやりたいことは、空のSelectboxを用意して、そこをダブルクリック(アイパッド上では ダブルタップ)したのを合図に、そのSelectboxに選択肢を追加して選択できるようにしたいのです。 パソコン上ではこれらの操作ができるようにプログラムを組んで問題なく動作しています。 しかし、アイパッド上ですと、パソコンでのダブルクリックができないため、ダブルタップですと、拡大縮小を繰り返しているだけの状態と言うことになっています。 クリック(アイパッド上では タップ)でセレクトボックスに選択肢を入れることならできるのですが、クリック(アイパッド上では タップ)ではなくダブルクリック(アイパッド上では ダブルタップ)でこれらの動作を行いたいと思っています。 参考サイトのコードの p の部分をSelectに変えたりしてみましたが、うまくいきません。 フラグは、dblTap でよろしいのですよね? これをHTML上ではどこに設定すればいいのでしょうか。 該当するSelectboxのIDとして入れてみたりしたのですが、どうにも希望通りに動かないもので、どうすればいいのか質問させて頂きました。 説明不足でしたらまたご回答頂けましたら幸いです。 どうぞよろしくお願い致します。

回答No.1

jQueryはjQuery.data()からアクセスできるクロージャを持っていますので、そこに保存しているようです。 詳しくはソースコードを解析してください。 参考サイトのはjQuery.data("dblTap")がフラグです。 jQuery.data()は、第二引数を指定すればそのプロパティに第二引数の値を代入し、第二引数が無ければその値を返します。

noname#223023
質問者

お礼

taloo さん ご返答ありがとうございました。 また色々試しているのですが、うまくできません。。 このフラグというのはどこにどのように設定すればいいのでしょうか。 セレクトボックスの中にIDでdblTapを設定してみましたが、うまくいかず、このようなことではないのでしょうか。。。 jQuery.data()からアクセスできるクロージャ というのもよく分からないので調べてみましたが、うーん、、こちらはどのような使い方をするのでしょうか。。 御手数おかけしまして申し訳ございませんが、もう少しヒントをいただけませんでしょうか。 よろしくお願いいたします。

関連するQ&A

  • 再描画の一般的な方法

    再描画の一般的な方法を教えてください。 セレクトボックスとテキストボックスが2つずつ。 □■□□ 2番が選択されています □□□■ 4番が選択されています こんな窓が、別窓に隠れてから復活して再描画する場合、 case WM_PAINT: でセレクトボックスのチェック状態を 調べるのはよくなく、再描画のために、フラグを用意して、 セレクトボックスに変化があった場合はフラグを書き替えて、 テキストボックスの描画はフラグの値を参照した方がいいと 思いました。 この例の場合はセレクトボックスを調べるだけだから セレクトボックスを調べてもいいと思うけど、もっと複雑な計算をしたり 大きなファイルを読み込ませた結果でテキストボックスの値が決まる場合の ことを考えたら、フラグを用意するのがいいと思いました。 でも、セレクトボックスとテキストボックスがもっとたくさんあったり した場合には、フラグの数が多くなるから、フラグを参照するより、 再描画のために、表示に変化があった場合には、窓のクライアント全体を メモリに保存しておいて、再描画ではメモリから表示した方がいいとも 思いました。 たくさんの種類のセレクトボックスとか文字とかがある窓は 普通はどんな風に再描画させているんですか?

  • 画像をダブルクリックでスムーズに拡大する方法

    いつもお世話になります。 画像をダブルクリックした際、スムーズに拡大したいと考えています。 また、拡大後再度ダブルクリックでこんどは縮小をしたいと考えています。 DOM(?)でimgタグのwidthとheightにアクセスしようと考えています。 ・拡大 ・縮小 ・スムーズ Q.この一連の動作を実装するにはどういった関数を使用すればいいでしょうか? 当方素人なもので的外れなところがあるかもしれませんが、よろしくお願いいたします。

  • 縮小するにはどうすればいいのでしょうか?

    スマホでGoogleマップを使っているときに ダブルタップすると地図が拡大しますが、 縮小するにはどうすればいいのでしょうか? くぱーって指で広げるしかないのでしょうか?

  • クリックがダブルクリックに

    2003XPノートパソコンを使っています。 初心者なので適切な説明になるかどうかわかりませんが、たとえばワードに取り込んだ画像を拡大、縮小または移動をするためにクリックすると50%以上の確立でダブルクリック状態、つまり書式設定のボックスが出てしまいます。 他のケースでもしばしばクリックが敏感に反応します。解決方法、よろしくお願いします。

  • jQueryでinputタグのchangeメソッド

    jQuery初心者です。 出勤時間と退勤時間を入力すると、 その間の勤務時間が計算できるようなサイトを作ろうと思っています。 セレクトボックスならば、違う値が選ばれたときに、changeメソッドが使えるので、 退勤時間が入力された時点で、自動的に、勤務時間を表示させることができたのですが、 inputタグのchangeメソッドのようなものはあるのでしょうか? 「計算」ボタンを用意して、押されたときに、計算するようにはできたのですが、 できれば、自動で計算できるようになるといいなと思い、質問しました。 どうぞ、よろしくお願いします。

  • アメーバブログ 画像の添付について

    ブログ初心者です。 アメーバブログでアップロードした画像をブログ上に 添付する際の質問です。 画像の設定(サイズ)ですが、【オリジナルで表示】を選択して ブログ上に添付し、「HTMLタグを表示」でサイズを調整する場合は どこを書き換えればいいのでしょうか?画像が大きすぎて 画面に納まらないので縮小したいのですが・・。 【縮小して表示(横幅最大220px)】を選択してブログ上で 画像を拡大しようとすると「HTMLタグを表示」にwidth="○○○" height="○○○" という文字列が表示されるので数値を調整して 画像を拡大できるのですが、一旦220pxまで縮小した画像を 拡大すると画質が粗くなってしまいます。 そこで【オリジナルで表示】で大きな画像を添付して、 ブログ上で縮小したいのですが・・・。 何方かご存じの方がいらっしゃいましたら どうぞ宜しくお願いいたします。

  • ドラッグを用いての拡大/縮小 ピクチャボックスについて

    QNo.2999555の続きの質問です。元の質問のコピーと共に質問します。 >VB6.0により、プログラムの実行後、フォームウィンドウの端(角)を>ドラッグすることにより、(ボタンやボックスを含め)全体を拡大,縮 >小させることはできますでしょうか? >フォームウィンドウの端からのドラッグはデフォルトでも出来るので >すが、フォームウィンドウのみが拡大,縮小されてしまい,ボタンやボ>ックスは元の大きさのままになってしまいます。 この質問については、Form_resize イベントに Public Sub Form_Resize_Ctl(KmForm As Object, _ OrgSize As ReSize_Tag) Dim ParH As Double ' 縦比率 Dim ParW As Double ' 横比率 Dim KmControl As Control ' フォームのコントロール Dim OrgFont As Double ' フォントサイズ退避 ElseIf TypeOf KmControl Is Line Then ' Line .X1 = .X1 * ParW .X2 = .X2 * ParW .Y1 = .Y1 * ParH .Y2 = .Y2 * ParH ElseIf TypeOf KmControl Is PictureBox Then ' PictureBox .FontSize = .FontSize * ParW Select Case .Align Case 0 ' .Top = .Top * ParH .Left = .Left * ParW .Height = .Height * ParH .Width = .Width * ParW                        … 等と拡大・縮小処理を記述し、解決したかと思ったのですが、 プログラム実行以前からのラインはしっかり拡大・縮小されるのですが、 実行後にピクチャボックス内に描画したラインは指定した座標に描かれたまま、周りのコントロールや文字のみが拡大・縮小されてしまいました。ラインの描画は折れ線グラフとして用いているのですが、 描画したラインのみがその場にそのままの大きさで留まってしまいます。 プログラム実行後に描画したラインも拡大・縮小は可能でしょうか? ご教授、お願いします。

  • セレクトボックスの初期選択状態(SELECTED)を動的にしたいのですが

    モーダル内に表示させるセレクトボックスで、毎回モーダル起動時ごとに、 セレクトボックス内の初期選択状態を変えたいと思っています。 1回目のモーダル起動時には本日の日付をSELECTEDにし、2回目以降は 前回のモーダル起動時に選択した値をSELECTEDにしたいと思っております。 いろいろな方法があると思うのですが(てっとりばやく、フラグを持たせる とか、クッキーを使うとか・・・)、正しく実行されず、困っています。 どなたか、よいアドバイスをください。お願いいたします。

  • jQueryでセレクトボックスの制御

    自身のウェブサイト上のhtmlファイル内に複数選択型のセレクトボックスを、<select multiple="multiple">以下に<option value="XXX">を通し番号をつけて並列することで実装したとします。 jQueryにて例えば var a= [001, 003, 042]; といったように配列aを定義したときこの配列の中の要素(3桁の数字)に対応するようなvalueをもつoption(選択肢)をselectedに書き換えたいのですが初学者のためどうもさっぱりうまく行きません。 1.配列aをoptionタグのvalueの値であるとjQuery側に認識させる方法 2.jQueryによって配列に対応するvalueを持つoptionをselectedに書き換える方法 以上の2点について教えていただきたく思います。(説明が下手で申し訳ないです。) 配列を使わなくてももっと簡単な方法があるのかもしれませんが、諸事情によりなんとか配列を用いて実装できたらと思います。よろしくお願いします。

  • マウスオーバーで画写真が拡大

    http://wdt.pekori.jp/template/box/ で、個々の画像をクリックすると拡大されます(実際には虫眼鏡) が、このような方法を用いてホームページで写真を拡大したり 縮小させたりしたいのです。 ホームページの作成はホームページビルダーV8で行なっていますが 編集スタイルは「簡単」「どこでも配置モード」で作成している レベルですのでHTMLタグはあまり得意ではありません。 今のレベルぐらいでも行なうことはできるでしょうか。 よろしくお願いいたします。

専門家に質問してみよう