动态Colorbox加载位置

这是彩盒示例的快速链接。

我需要更改和自定义颜色框加载的位置

任何人都可以帮助我吗？

Answer 1

这是一个控制位置的例子

$("#colorbox").css("left","200px"); 

你可以使用类似的控制左，右，上，下。 但元素必须绝对定位。

Answer 2

我已经加粗了需要添加的导入代码我不知道是否

$（“＃colorbox”）。css（“left”，“200px”）<就是答案。 它对我不起作用。 抱歉！！！

但是我得到了解决方案。

你需要在jquery.colorbox.js边做一些小改动

var // ColorBox默认设置。
//有关详细信息，请参阅http://colorpowered.com/colorbox 。 defaults = { positionTop：100， <----添加此positionLeft：200， <----添加此项

更改此代码如下所示（此代码在publicMethod.position = function（speed，loadedCallback）{）

  posTop = Math.max($window.height() - settings.h - loadedHeight - interfaceHeight, 0) / 2 + $window.scrollTop() **+ settings.positionTop**, posLeft = Math.max($window.width() - settings.w - loadedWidth - interfaceWidth, 0) / 2 + $window.scrollLeft() **+ settings.positionLeft**; 

然后你可以通过给出位置简单地调用colorbox

$ .colorbox（{html：data.content， positionTop：100 ， positionLeft：200