2016-02-05 1 views
-1

Имейте некоторые проблемы с перетаскиванием div. Моего HTML шаблон:Почему не работает draggable в https://jsfiddle.net/Lbs785ez/2/?

</html> 
<div id="photo_page"> 
    <div id="photo_page_frame" style="margin:0; width: 80%; height: 80%; background: url({PHOTO_IMG_SRC}) 50% 50% no-repeat; background-size: contain;"></div> 
</div> 

Тогда, я хочу, чтобы перетащить Див photo_page_frame с помощью мыши:

$(function(){ 
    // fill PHOTO_IMG_SRC and fade in #photo_page 
    $('#photo_page_frame').draggable(); 
}); 
#photo_page { 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    background: rgba(0,0,0,0.8); 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
    z-index: 99999; 
    -webkit-transition: opacity 400ms ease-in; 
    -moz-transition: opacity 400ms ease-in; 
    transition: opacity 400ms ease-in; 
    display: none; 
    pointer-events: none; 
    align: center; 
} 

Но ДИВО #photo_page не перетаскивать, но атрибут draggable="true" существует во время выполнения. Помогите мне, пожалуйста,

+0

Исправьте черту drah -> drag в своем заголовке. Пожалуйста, найдите время, чтобы прочитать http://stackoverflow.com/help/how-to-ask. «Правописание, грамматика и пунктуация важны! Помните, что это первая часть вашего вопроса, которую другие увидят - вы хотите произвести хорошее впечатление». – micstr

+0

Возможный дубликат [Как сделать два DIVs перетаскиваемыми?] (Http://stackoverflow.com/questions/3272269/how-to-make-two-divs-draggable) – Anil

+0

Хорошо, почему https://jsfiddle.net/ Lbs785ez/1/не работает? –

ответ

0

«Перетаскиваемый», как представляется, является функцией пользовательского интерфейса jQuery, поэтому вам нужно загрузить правильный скрипт.

Смежные вопросы