使用angularJS的jQuery Draggable和Droppable

Question

我想做什么：

http://jsfiddle.net/nt5dM/1/

<div class="row-fluid">
        <div class="span12">
            <div class="row-fluid" ng-repeat="rows in board">
                <div class="span1 ui-widget-header droppable" ng-repeat="cell in rows" style="border:1px solid black; padding:0; margin:0;">
                    <div style="background-color:white; " ng-show="cell.char=='empty'"></div>
                            <div style="background-color:green; " ng-show="cell.char=='O'"></div>
                            <div style="background-color:white; " ng-show="cell.char=='X'"></div>
                </div>
            </div>

        </div>
    </div>

上面的小提琴输入的板尺寸为3，表示3x3 Div 所有的Div都有类可放置，并且有一个可拖动的按钮。在删除可拖动元素后，我想识别它被丢弃的单元格。

我的问题：

对于单个div，它可以工作： Fiddle 2

<div class="row-fluid">
        <div class="span12 ui-widget-header droppable">
            <div class="row-fluid" ng-repeat="rows in board">
                <div class="span1" ng-repeat="cell in rows" style="border:1px solid black; padding:0; margin:0;">
                    <div style="background-color:white; " ng-show="cell.char=='empty'"></div>
                    <div style="background-color:green; " ng-show="cell.char=='O'"></div>
                    <div style="background-color:white; " ng-show="cell.char=='X'"></div>
                </div>
            </div>
        </div>
    </div>