Javascript 使用angularJS可拖放的jQuery

Javascript 使用angularJS可拖放的jQuery,javascript,jquery,angularjs,jquery-ui-draggable,jquery-ui-droppable,Javascript,Jquery,Angularjs,Jquery Ui Draggable,Jquery Ui Droppable,我想做的是: 上面的提琴接收一个输入板大小,比如说3。这将创建一个3x3 div 所有的div都有可拖放的类,还有一个按钮是可拖动的。在删除可拖动元素时,我想确定它是在哪个单元格上删除的 我的问题是: 对于单个div,它可以工作: 您应该研究为Angular.js构建的东西。也许吧?看看吧。但是你认为在上面的问题中,JQuery不能检测到angularjs所做的更改吗?我不知道。我从不将jQuery和Angular.js结合使用:) <div class="row-fluid"&

我想做的是:


上面的提琴接收一个输入板大小,比如说3。这将创建一个3x3 div 所有的div都有可拖放的类,还有一个按钮是可拖动的。在删除可拖动元素时,我想确定它是在哪个单元格上删除的

我的问题是:

对于单个div,它可以工作:



您应该研究为Angular.js构建的东西。也许吧?看看吧。但是你认为在上面的问题中,JQuery不能检测到angularjs所做的更改吗?我不知道。我从不将jQuery和Angular.js结合使用:)
<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>
<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>