1

iframe 内で jQuery qTip2 を使用していますが、iframe の幅と高さのサイズに制限されているため、コンテンツを実際に iframe の上、つまり iframe の親ウィンドウ内ではなく、iframe の上に表示することはできますか?実際のiframe自体？

このように、私は iframe サイズ内に制限されません。

これは、iframe の一部として使用している現在のコードです。

$(document).ready(function() {
   $('img[title]').qtip({
         content: {
            text: false, // Use each elements title attribute
            title: {
              text: 'Error',
              button: 'Close'
            }
         },
         hide: {
           event: false
         },
         style: {
            classes: 'ui-tooltip-dark ui-tooltip-rounded',
            height: 5,
            width: 500
         },
         position: {
            my: 'bottom right',
            at: 'top left'
         }
   });
});
4

2 に答える 2

3

Craig は、あなたの質問に答えるqTip2 フォーラムでのあなたの同じ投稿に対するリンクを投稿しました。

http://craigsworks.com/projects/forums/thread-solved-qtip-in-iframe-and-mouse-tracking

議論を読むと、簡単な答えは、親ドキュメントから qTips を初期化する必要があるということです。これは jQuery で簡単にできます。その難しい部分は、Javascriptの同じ生成元ポリシーに対処する必要があることです。つまり、両方のドキュメントが同じドメインから取得されている必要があります。そうでない場合は、運が悪いです。

もう 1 つの注意点は、親ドキュメントから初期化しているため、qTip の位置を手動で調整する必要があることです。

これが実際の例です：

http://fiddle.jshell.net/4QDcz/1/

$(document).ready(function () {

    $('#theFrame').contents().find('.selector').qtip({
        position: {
            adjust: {
                x: $('#theFrame').offset().left,
                y: $('#theFrame').offset().top
            }
        }
     });

});
于 2011-09-13T08:08:53.093 に答える
0

ビューポートを設定すると問題が解決するかどうか疑問に思っています。このようなもの：

position: {
             my: 'top center',  // Position my top left...
             at: 'bottom center', // at the bottom right of...
             viewport: $(window)
          },
于 2011-08-26T09:31:58.253 に答える