拖动项目angularjs jQuery-ui时变量中的值

Question

我有三个divs：

<div class="col-sm-4">
  countries and cities
  <ul class="source">
    <li data-value="country">USA</li>
    <li data-value="country">France</li>
    <li class="city" data-value="city">Paris</li>
    <li data-value="city">Rome</li>
  </ul>
</div>

<div id="divCountries" class="col-sm-4">
  Countries
  <ul id="countries">
  </ul>
</div>

<div id="divCities" class="col-sm-4">
  Cities
  <ul id="cities">
    <li class="city" data-value="city">London</li>
  </ul>
</div>

当我将其中一个城市拖到Div带有ID =" Divcities"的DIV时，我希望一个变量变为true。

在这里，您有一个接近我想要的东西。

https://plnkr.co/edit/xovrgqxoyvnpnkawq8pa?p=preview

如果我在div内添加一个先验的2个城市，则id ="divcities"，则变量为真，然后答案是正确的。但是，如果我有一个并将第二个拖到那里，那就不会变为真。

现在，您可以看到#divcities内部有一个="城市"的城市。当我将class =" city"的巴黎拖到div中，class =" city"的元素计数应为2，以下变量应变为true。

   $scope.exercise = $('#divCities .city').length === 2;

，然后如果是真的，它应该激活一个ng-show并显示"正确"。

我想念什么？有帮助吗？

谢谢：）

Answer 1

在您的代码中只需添加一个拖动事件，该拖动事件会触发拖动，在此事件中，处理程序将您的变量更改为true

这是代码

$(".source li").draggable({
  helper: "clone",
  drag:function(){
    console.log('do things here which works on drag');
  }
});