2

jquery のドラッグ アンド ドロップ機能を使用しています。firefox では問題なく動作しますが、chrome と 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>

ここに私のドラッグアンドドロップコード:

$(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');
            }
    });
});

前もって感謝します ：）

4

2 に答える 2

1

すべてのブラウザで正常に動作するため、次の 2 つのライブラリを追加してください。私はそれをテストしました。

Jquery.min.js

Jquery-ui.min.js

于 2012-10-08T14:10:49.833 に答える
1

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-06T15:15:59.323 に答える