Jquery拖放不工作在鉻和ie9

我使用jQuery的拖放功能。它在Firefox中的工作很好，但在Chrome和ie9中失敗。Jquery拖放不工作在鉻和ie9

下面是jQuery的lib中的版本我使用：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="language" content="en" /> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery-ui-1.8.2.custom.min.js"></script>

這裏我拖DRO代碼：

$(function() { 
    $(".item").draggable({ 
      revert: true 
    }); 
    $("#mail-circle-wraper").droppable({ 
      tolerance: 'touch', 
      over: function() { 

        $(this).removeClass('out').addClass('over'); 
      }, 
      out: function() {   
       $(".item").draggable({ 
        revert: false 
      }); 
        $(this).removeClass('over').addClass('out'); 
      }, 
      drop: function() { 
        bootbox.confirm("Add this person to circle ?", function(confirmed) { 

         // do somthing 
        }); 

        $(this).removeClass('over').addClass('out'); 
      } 
    }); 
});

感謝提前:)

來源

2012-08-03 Pradeep Jaiswar

我們可以看到您的鼠標拖放及具體是什麼錯誤那就是你獲得的代碼？ – 2012-08-03 14:16:08

是因爲jquery和ui的版本而發生這種情況？ – 2012-08-04 05:54:32

嘗試改變你的jQuery庫到這些：

https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js 

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js

讓我知道這是否有效。

來源

2012-08-06 15:15:59

是的。它爲我工作。謝謝 – abhis 2013-06-05 06:51:36

請添加以下2個庫，因爲它在所有瀏覽器中工作正常。我已經測試過它。

Jquery.min.js

Jquery-ui.min.js

來源

2012-10-08 14:10:49

謝謝@ mrugen-ramani – Marin 2013-05-16 17:01:05

Jquery拖放不工作在鉻和ie9

回答

相關問題