3

このフレームがFacebookアプリケーション内に収まるように、フレーム内に小さなポップオーバー要素を開発しました。これは、アプリが 810 ピクセルに制限され、裁ち落としが発生しないことを意味します。私のアプリケーションでは、要素にカーソルを合わせると、その要素が少し大きな要素とその中に行動を促すフレーズを含む小さなポップオーバーを作成します。

ただし、裁ち落としによって画像が切り取られるため、これは機能しません。だから私は親の端を検出し、アプリウィンドウでポップオーバーをオフセットまたは中央に配置するという考えをいじっています。あなたはどれだと思いますか：

a) 最良の選択肢 b) 最も早い選択肢 c) なぜ

これに関するいくつかの意見を本当に感謝します。

4

1 に答える 1

4 
$(elem).position()

左上隅の要素の位置を検出します。使用できる右下隅を取得するには

$(elem).width()
$(elem).height()

要素のサイズを返すので、下と右の位置を計算できます。

一度に 4 つの値すべてを返す ui 関数を作成します。

function get_position(e) {
    var res = new Object();
    var pos = e.position();
    res.left = pos.left;
    res.top = post.top;
    res.right = res.left + e.width();
    res.bottom = res.top + e.height();
    return res;
}

親要素に対してそれを呼び出しますget_position($('#id').parent())

マージン、パディング、ボーダーを使用すると、予期しない値になる可能性があることに注意してください。この場合、outerWidth()jquery 関数を使用できます。

于 2013-01-07T14:27:43.757 に答える