jQuery工具覆盖可拖动

时间:2013-05-23 04:15:56

标签: jquery jquery-ui positioning draggable jquery-tools

我有来自jQuery Tools的苹果效果的叠加层。我想制作它以使叠加层可拖动,但是当我使用$( ".overlay" ).draggable();时,背景图像不会随之拖动。我试过appendTo,但它破坏了苹果的效果。覆盖图像也在.overlay div之外呈现。 这是一个jsfiddle http://jsfiddle.net/ZqNgy/

我是jQuery和javascript的新手,非常感谢任何帮助。

由于

1 个答案:

答案 0 :(得分:0)

如果你不需要'apple'effect,你可以拖动背景图片。 只是效果设置为'默认'。 并且您可能需要更改叠加样式。

example(".overlay").overlay({
    top: 50,
    left: 50,
    closeOnClick: false,
    load: false,
    effect: 'default',
    speed: 1000,
    oneInstance: false,
    fixed: false,
});

.overlay {
    display:none;
    background-image:url(white.png);
    background-size:cover;
    width:160px;
    padding:20px;
}