★jQuery ★javascript ★iphone

iphoneでjQuery使用の吹き出し(ツールチップ)の表示が上手くいかない。

TinyTipというプラグインを使用して、
画像にマウスを乗せると吹き出しが出るように設定しています。

iphoneで閲覧したとき正しく表示されません。
正確に言うと、デフォルトのサイズでは表示されるのですが、
ページを拡大したときに大幅にズレてしまいます(通常、対象画像のすぐ上に吹き出しが出るようになっています。)

これを回避する方法はあるのでしょうか??


ちなみに、以下がjapascriptの中身です。
(function(a){
a.fn.tinyTips=function(b){var c='<div class="tinyTip"><div class="content"></div><div class="bottom">&nbsp;</div></div>';
var d=300;var e;var f;a(this).hover(function(){a("body").append(c);e=a("div.tinyTip");
e.hide();if(b==="title"){var g=a(this).attr("title")}else{if(b!=="title"){var g=b}}a(".tinyTip .content").html(g);f=a(this).attr("title");
a(this).attr("title","");var j=e.height()+500;var h=(((e.width()-10)/2))-(a(this).width()/2);
var k=a(this).offset();var i=k;i.top=k.top-j;i.left=k.left-h;e.css("position","absolute").css("z-index","1000");e.css(i).fadeIn(d)},
function(){a(this).attr("title",f);a("div.tinyTip").fadeOut(d,function(){a(this).remove()})})}})(jQuery);


ご存知の方、是非教えていただければ幸いです!

回答の条件
  • 1人2回まで
  • 13歳以上
  • 登録:2010/09/20 22:21:09
  • 終了:2010/09/27 22:25:03

回答(1件)

質問者が未読の回答一覧

 回答者回答受取ベストアンサー回答時間
1 牛乳先生(tukihatu) 180 164 32 2010-09-21 16:01:23

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません