Question

我已经通过代码创建了一个可拖动的DIV -

<div id="Age"
     draggable="true"
     ondragstart="drag(event)" width="50px" height="25px"
     style="background-color:Green;">Age</div>

DIV在Firfox，Crome中运行良好，但在IE，Opera中无效。有没有其他方法可以创建适用于所有浏览器的可拖动DIV？谢谢，

EDITED

<script  language="javascript" type="text/javascript">
function drag(ev) {
    ev.dataTransfer.setData("Text", ev.target.id);
   }</script>

有人能用jQuery证明我的解决方案吗？

Answer 1

正如您要求jquery解决方案： - 在页面中添加这两个JS文件： -

  <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
  <script type="text/javascript" src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>

HTML： -

<div id="draggable" class="ui-widget-content">
    <p>Drag me around</p>
</div>

JS： -

  $(function() {
        $( "#draggable" ).draggable({
            drag: function(event, ui) {}
        });
    });

请参阅Fiddle： -
它也在IE7中工作。

可移动的div属性在IE中不起作用

1 个答案: