Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui AngularJS和jQuery(UI)之间是否存在冲突?_Jquery Ui_Angularjs - Fatal编程技术网

Jquery ui AngularJS和jQuery(UI)之间是否存在冲突?

Jquery ui AngularJS和jQuery(UI)之间是否存在冲突?,jquery-ui,angularjs,Jquery Ui,Angularjs,我试图使列表中的项目可拖动,但它不起作用。jQuery似乎没有添加UIDragable类,或者删除它 Javascript HTML {{video.title} 请注意,如果我只编写以下html,它就可以工作 <div class="results_video"></div> 有什么建议吗?我找到了解决办法。我需要使这些div在加载后可以拖动。就我而言: var VideoCtrl = function ($scope){ $scope.$watch('s

我试图使列表中的项目可拖动,但它不起作用。jQuery似乎没有添加UIDragable类,或者删除它

Javascript HTML

{{video.title}
请注意,如果我只编写以下html,它就可以工作

<div class="results_video"></div>


有什么建议吗?

我找到了解决办法。我需要使这些div在加载后可以拖动。就我而言:

var VideoCtrl = function ($scope){
  $scope.$watch('search', function(){
    //Some code that updates the divs
    $('.results_video').draggable();
  });
};

浏览器控制台是否报告任何错误?嗯……jQuery轮询节点时,该节点可能不在DOM中?包含
.results\u video
类的节点是否动态加载?另外,JavaScript代码是立即运行还是在DOM上运行?@War10ck就是这样。jQueryUI试图在运行时在页面上找到的元素上启用可拖动行为。这与ng repeat不兼容,ng repeat生成一个动态元素列表,在jqueryui代码运行后可以添加和删除这些元素。在类似的情况下,我必须定义一个自定义的Angular指令,该指令在元素被添加到页面时启用元素的行为,并在元素被删除时正确地停用它们。不幸的是,我手头没有这样的代码可以发布。@JeremyBanks,这是有道理的。我认为内容是动态加载或创建的,因此jQueryUI无法正确附加。对不起,我刚开始学习Angularjs。我错过了重复的
ng
。不过现在这完全有道理了。因此,基本上,自定义Angular指令将绑定/解除绑定每个项目的可拖动事件,作为从DOM中添加/删除的事件?这就是你的想法吗?@War10ck是的,如果你想在Angular和jQueryUI之类的东西之间实现适当的集成,那么这就是必要的。实际上,如果您不打算修改列表的内容,您可以确保jqueryui在最初填充元素之后运行,但这感觉很糟糕。
<div class="results_video"></div>
var VideoCtrl = function ($scope){
  $scope.$watch('search', function(){
    //Some code that updates the divs
    $('.results_video').draggable();
  });
};