gpt4 book ai didi

javascript - 滚动 iframe 内的 jQuery UI dropzone 错误偏移

转载 作者:数据小太阳 更新时间:2023-10-29 04:47:42 27 4
gpt4 key购买 nike

我遇到了 jQuery-UI 可拖动和可放置的问题。我需要在放置在 iframe 内的 droppable 内拖动一个 draggable。这工作正常,直到我滚动 iframe。可放置坐标不会更新。

这个问题在 fiddle 中得到了证明。

我正在使用下面的变通方法首先使拖放到 iframe 成为可能。它计算正确的偏移量但不使用 iframe 的滚动偏移量。我试过了,但无法对其进行调整,因此它会考虑滚动偏移。

// Create new object to cache iframe offsets
$.ui.ddmanager.frameOffsets = {};

// Override the native `prepareOffsets` method. This is almost
// identical to the un-edited method, except for the last part!
$.ui.ddmanager.prepareOffsets = function (t, event) {
var i, j,
m = $.ui.ddmanager.droppables[t.options.scope] || [],
type = event ? event.type : null, // workaround for #2317
list = (t.currentItem || t.element).find(":data(ui-droppable)").addBack(),
doc, frameOffset;

droppablesLoop: for (i = 0; i < m.length; i++) {

//No disabled and non-accepted
if (m[i].options.disabled || (t && !m[i].accept.call(m[i].element[0], (t.currentItem || t.element)))) {
continue;
}

// Filter out elements in the current dragoged item
for (j = 0; j < list.length; j++) {
if (list[j] === m[i].element[0]) {
m[i].proportions().height = 0;
continue droppablesLoop;
}
}

m[i].visible = m[i].element.css("display") !== "none";
if (!m[i].visible) {
continue;
}

//Activate the droppable if used directly from draggables
if (type === "mousedown") {
m[i]._activate.call(m[i], event);
}

// Re-calculate offset
m[i].offset = m[i].element.offset();

// Re-calculate proportions (jQuery UI ~1.10 introduced a `proportions` cache method, so support both here!)
proportions = { width: m[i].element[0].offsetWidth, height: m[i].element[0].offsetHeight };
typeof m[i].proportions === 'function' ? m[i].proportions(proportions) : (m[i].proportions = proportions);

/* ============ Here comes the fun bit! =============== */

// If the element is within an another document...
if ((doc = m[i].document[0]) !== document) {
// Determine in the frame offset using cached offset (if already calculated)
frameOffset = $.ui.ddmanager.frameOffsets[doc];
if (!frameOffset) {
// Calculate and cache the offset in our new `$.ui.ddmanager.frameOffsets` object
frameOffset = $.ui.ddmanager.frameOffsets[doc] = $(
// Different browsers store it on different properties (IE...)
(doc.defaultView || doc.parentWindow).frameElement
).offset();
}

// Add the frame offset to the calculated offset
m[i].offset.left += frameOffset.left;
m[i].offset.top += frameOffset.top;
}
}
}

有没有人有解决问题的建议。也非常欢迎以其他方式实现相同目标的建议。

最佳答案

您可以根据 iframe 中的滚动量更改比例 的高度。该数量可以使用 $("iframe").contents().scrollTop() 实现,因为您已使用它来更改滚动量:

proportions = {
width: m[i].element[0].offsetWidth,
height: m[i].element[0].offsetHeight - $("iframe").contents().scrollTop()
};

这是 DEMO .

关于javascript - 滚动 iframe 内的 jQuery UI dropzone 错误偏移,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29809075/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com