0

私はguiders.jsを使用してユーザーにヒントを提供しています。divがiframe内にある場合、attachToパラメーターの使用に問題がありますが。

ガイダーのコードは次のとおりです。

    guiders.createGuider({
    attachTo: '#'+thisId,
    buttons: [{name: "Ok", onclick: function(){
closeEdit();
    guiders.hideAll();
    }
    }],
    description: "<input value='new text'>",
    id: "guiderToChangeParameter",
    position: 3,
    title: "title",
    width: 400
    }).show();

thisId がページ内の div id を参照する場合、attachTo は機能します。

thisId が iframe 内の div を参照する場合、ガイドは表示されますが、 div には関連付けられません。

これは guiders.js ライブラリの通常の動作ですか? iframe 内の div に実際にアタッチする方法はありますか?

attachTo の動作を示す jsfiddle: http://jsfiddle.net/y3mzP/1/ jsfiddle は iframe を許可しないため、残念ながら再現できません。

4

1 に答える 1

0

guiders.js だけでなく、JavaScript が iFrame にアクセスできるとは思いません。親ページの要素の近くに親ページの要素を配置したい場合は、iFrame メッセージ投稿 (https://developer.mozilla.org/en-US/docs/DOM/window. postMessage) を使用して、内部にスクリプトを配置し、ターゲット要素の x および y 位置を親フレームのスクリプトに中継します。

あなたの場合、親ページに絶対的に配置された透明な div を作成して、内部要素があると予想されるおおよその場所にすることもできます。次に、その透明な div に Guiders をアタッチします。

于 2012-12-26T20:14:30.823 に答える