为什么在 https://jsfiddle.net/Lbs785ez/2/ 中无法拖动？

Question

拖动 div 时遇到一些问题。 我的html模板：

</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>

然后，我想用鼠标拖动divphoto_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;
}

但 div #photo_page 是不可拖动的，但 draggable="true" 属性在运行时存在。请帮帮我

Answer 1

'draggable' 似乎是 jQuery UI 的一个功能，所以你需要加载正确的脚本。