Javascript 为什么不是'；我的内容不可拖动吗？

我已经写了一些代码，这些代码应该可以让我屏幕上的内容拖拉。我以前创建过一个应用程序，其中包含可拖动的内容，然后我将功能所需的部分复制到这个应用程序中。有人能帮我看一下，告诉我哪里出了问题，或者给我一些建议吗

<td-cards class="card1 shadow" ng-repeat="card in cards | filter:{checked:true}" ng-click="openModal(card)">
  <td-card class="card-{{card.index}} shadow">
    <h4 class="h4-title"> {{ card.title }}</h4>
    <div class="image">
      <img ng-src="{{card.src}}"/>
    </div>
  </td-card>
</td-cards>

---

我怀疑它在JS里。。。在

class=“card-{{{card.index}}阴影”

类声明中有一个-

$(function () {
   $(".card-1").draggable({
   });
   $(".theLabel").draggable({
   });
});

---

在HTML代码中看不到标签。

尝试使用这个：因为您正在动态使用

class=card-1，…

$(function () {
      $("[class^=card-]").each(function(){
               $( this ).draggable({});
             });
       $(".theLabel").draggable({
       });
    });

---

这会将

dragable

添加到所有具有类名

的元素中，如card-

由于您使用的是混合移动应用程序，我相信您的问题在于您没有包括

目前，jQueryUI用户界面库不支持在其小部件和交互中使用触摸事件。这意味着您在桌面浏览器中设计和测试的光滑UI在大多数（如果不是全部）支持触摸的移动设备上都会失败，因为jQuery UI会侦听鼠标事件mouseover、mousemove和mouseout not touch事件touchstart、touchmove和touchend

这就是jqueryuitouchpunch的用武之地。Touch Punch的工作原理是使用模拟事件将触摸事件映射到其鼠标事件类似物。只需在页面上包含脚本，您的触摸事件就会变成相应的鼠标事件，jqueryui将按预期响应这些事件

---

您要添加多少张卡。。。这段代码只适用于第一个。因为看起来您使用的是角度拖放，所以您可能需要查看一些角度拖放选项。

$(function () {
      $("[class^=card-]").each(function(){
               $( this ).draggable({});
             });
       $(".theLabel").draggable({
       });
    });