gpt4 book ai didi

jquery - 如何根据名为 From 的元素定位 Fancybox

转载 作者:行者123 更新时间:2023-12-01 00:16:02 25 4
gpt4 key购买 nike

我正在尝试弄清楚如何调用 Fancybox,以便它出现在调用它的元素( anchor 标记)旁边。

$("a.fancylink").fancybox({
'width' : 560,
'height' : 340,
'transitionIn' : 'fade',
'transitionOut' : 'fade',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : false,
'centerOnScroll' : false
});

我知道我可以通过 OnComplete 调用来定位 Fancybox,但随后它会从中心猛烈地移动到目的地。

有人知道如何编写 Fancybox 调用代码以使其打开(例如从其触发的元素的左侧或右侧吗?)

非常感谢任何帮助。谢谢!

最佳答案

这似乎工作正常:

//pass in the id of the link that was clicked and set the width and height for the iframe   
$.fn.fancybox_new = function (options) {
for (i = 0; i < this.length; i++) {
options._id = $(this[i]).attr("id");
$(this[i]).fancybox(options);
}
};

$("a[rel*=fancybox]").fancybox_new({
onStart: function () {
$('#fancybox-wrap').addClass("formWin");
//create a style that will position the fancy box relative to the element that clicked it.
if (this._id != "" && !$(this).hasClass(this._id)) {
var pos = $("#" + this._id).position();
var mRight = parseInt($("#" + this._id).css("margin-right").replace("px").replace("auto", "0")) + parseInt($("#" + this._id).css("padding-right").replace("px", "").replace("auto", "0")) + parseInt($("#" + this._id).css("margin-left").replace("px", "").replace("auto", "0")) + parseInt($("#" + this._id).css("padding-left").replace("px", "").replace("auto", "0"));
var mTop = parseInt($("#" + this._id).css("margin-top").replace("px", "").replace("auto", "0")) + parseInt($("#" + this._id).css("padding-top").replace("px", "").replace("auto", "0")) + parseInt($("#" + this._id).css("margin-bottom").replace("px", "").replace("auto", "0")) + parseInt($("#" + this._id).css("padding-bottom").replace("px", "").replace("auto", "0"));
var styleTag = '<style type="text/css">.' + this._id + ' { top: ' + (pos.top + $("#" + this._id).height() + mTop) + 'px !important; right: ' + ($("#mainContainer").width() - pos.left - $("#" + this._id).width() - mRight + (($("body").width() - $("#mainContainer").width()) / 2)).toString() + 'px !important; left:auto !important; }</style>';
$("head").append(styleTag);
$('#fancybox-wrap').addClass(this._id);
}
}
}
});

关于jquery - 如何根据名为 From 的元素定位 Fancybox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7972907/

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