jQuery Tools overlay draggable

Question

У меня есть наложение с эффектом яблока от инструментов jQuery. Я хочу сделать так, чтобы наложение было перетаскиваемо, но когда я использую $(".overlay").draggable();, фоновое изображение не перетаскивает его. Я попробовал appendTo, но он уничтожил эффект яблока. Также изображение для наложения - это рендеринг за пределами div .overlay. здесь jsfiddle http://jsfiddle.net/ZqNgy/

Я как бы новый для jQuery и javascript и был бы очень признателен за любую помощь.

Благодаря

Answer 1

, если вам не нужно «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; 
}