2012-12-26 78 views
0

我創建了一個可拖動DIV通過代碼 -可拖動DIV屬性沒有在IE

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

的DIV工作在Firfox,克羅姆工作正常,但在IE瀏覽器,歌劇不工作。 有沒有其他方法可以創建可在所有瀏覽器中工作的可拖動DIV? 謝謝,

EDITED

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

任何人都可以增加它的我與jQuery的解決方案?

+0

我可以知道IE版本 –

+0

我已經在IE7,IE9 standerd中檢查過。 – Diboliya

+0

在IE9中它會工作,我不知道IE7如果你顯示scipt代碼,那麼我將能夠建議你的東西 –

回答

0

正如你所問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中工作。