EasyUI Dialog虚框拖动

来源：互联网发布：python snakebite 编辑：程序博客网时间：2024/06/12 21:53

Index.js

$(function() {$('#box').draggable({//cursor:'text',//handle:'#pox',//disabled:'true',//edge:50,//axis:'h'//proxy:'clone',//deltaX:100,//deltaY:10,proxy: function(source) {//console.log(source);var p=$('<div style="width:400px;height:200px;border:1px dashed #ccc">');p.html($(source).html()). appendTo('body');//p.appendTo('body');return p;}});});

html

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>jQueryn Easy UI</title><script type="text/javascript" src="jquery-easyui/jquery.min.js"></script><script type="text/javascript" src="jquery-easyui/easyloader.js"></script><script type="text/javascript" src="jquery-easyui/jquery.easyui.min.js"></script><script type="text/javascript" src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script><script type="text/javascript" src="js/Index.js"></script><link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css" /><link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css" /></head><body><div id="box" class="easyui-draggable" title="Title" style="width:400px;height: 200px;background: orange;"><span id="pox">内容部分</span></div></body></html>

0 0