JqueryUI Draggable在IE中不起作用？

我正在使用JQueryUI来帮助处理此页面上的可移动项目：

http://www.hiredavewaring.com

如果你向下滚动，你会看到你可以抓住并移动到我脸上的png，以创建一个Mr. PotatoHead类型的效果。

我知道它不是世界上最漂亮的代码，但除了Internet Explorer之外，它在每个浏览器上都运行良好。

有没有人知道帮助这些项目在IE中变得可拖动的修复程序？

这是没有Google Analytics或Meta的代码：

        
 
 
  
 
 
 
 
 
 
  
 
 
 
Home
 
About
 
Portfolio
 
Contact
 
Blog
 
 
 
Grafiti Time! Click on an image below and drag it over Dave's face. Send us a screen shot of your favorite combination.
  Click Here to reset and start over.  
 
 
 
 
 
 
 
 
 
 
 
  $(function(){ $('.demo') .draggable(); }); $(function(){ $('.demo2') .draggable(); }); $(function(){ $('.demo3') .draggable(); }); $(function(){ $('.demo4') .draggable(); }); $(function(){ $('.demo5') .draggable(); }); $(function(){ $('.demo6') .draggable(); }); $(function(){ $('.demo7') .draggable(); }); $(function(){ $('.demo8') .draggable(); }); $(function(){ $('.demo9') .draggable(); }); $(function(){ $('.demo10') .draggable(); });   
   

谢谢，戴夫

Answer 1

首先，我会将您的代码限制为单个$(function(){}); 。

 $(function(){ $('.demo').draggable(); $('.demo2').draggable(); $('.demo3').draggable(); $('.demo4').draggable(); $('.demo5').draggable(); $('.demo6').draggable(); $('.demo7').draggable(); $('.demo8').draggable(); $('.demo9').draggable(); $('.demo10').draggable(); }); 

更重要的是， draggable 需要jQuery UI 1.8.6或更高版本才能在IE9中运行。 还有适用于旧版本的补丁 ，但我真的建议升级。