Javascript 可拖动的div属性在IE中不工作

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

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

年龄

该部门在克罗姆的Firfox工作得很好，但在IE、Opera工作得不好。 有没有其他方法可以创建在所有浏览器中都可以使用的可拖动DIV？ 谢谢

已编辑

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

功能阻力（ev）{
ev.dataTransfer.setData（“文本”，ev.target.id）；
}

---

有人能用jQuery向我提供解决方案吗

正如您所要求的

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>

请参阅：-

---

它也在IE7中工作。

我可以知道IE7版本中已经检查了IE7，IE9标准。在IE9中它会起作用，我不知道IE7，如果你显示了SCIPT代码，那么我可以给你一些建议，你也可以使用一个非常古老的jQuery和jQuery UI版本，考虑升级。另外，您可以将所有jQuery代码组合到一个document.ready块中，这可能不会解决任何问题，但肯定会清理您的代码code@Saurabh：当然可以，请参见已编辑。

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

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