Javascript angular.js会不会导致另一个jQuery插件不启动，并且在控制台中不会产生错误？

因为时间是一个因素，我将无法安装在我的项目“角度的方式。” 也就是说，我只是把它连接起来，就像“入门”页面上的文档所说的那样；只是一个纯粹的普通jQuery安装。但是，唉，什么也没有。控制台中甚至没有错误。我想知道我做错了什么

这里有一个到登台的链接

下面是如何在我的HTML中标记脚本

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js"></script>
<script>
var $j = jQuery.noConflict();

$j(function() {
    $j('#Container').mixItUp();

});
</script>
<script src="js/app.js"></script>

更新11.18.2014

新的HTML标记

---

这是因为在ng视图的内容有机会呈现之前，启动容器上MixItUp的脚本就运行了，因此DOM中还不存在id为container的元素

在这里，你别无选择，只能从get go with指令的角度来做事情，即

HTML

---

这是因为在ng视图的内容有机会呈现之前，启动容器上MixItUp的脚本就运行了，因此DOM中还不存在id为container的元素

在这里，你别无选择，只能从get go with指令的角度来做事情，即

HTML

---

非常感谢，但是现在我得到一个未定义的不是函数错误吗？再检查一下我的标记是否正确？请参阅上面的更新。在link函数中放置一个断点，您会注意到jQuery的常用别名$在此上下文中未定义。您将需要使用对jQuery的noConflict引用，而不是$。太棒了，成功了！然而，当我跳出页面并返回时，插件停止启动…但是当你刷新时，它启动并工作得很好！MixItUp保留了一个实例的内部寄存器，这样可以防止它在匹配元素上再次初始化。与大多数jQuery插件一样，您需要在指令中添加。在link函数中，在“$destroy”上添加element.on，函数{element.mixItUp'destroy'；}；。这基本上是说，当元素从视图中移除$destroy时，从MixItUp的寄存器中移除这个实例。非常感谢，这很有效。你知道一个很好的资源来学习如何在这种情况下使用angular&jQuery吗？非常感谢，但是现在我得到一个未定义的不是函数错误？再检查一下我的标记是否正确？请参阅上面的更新。在link函数中放置一个断点，您会注意到jQuery的常用别名$在此上下文中未定义。您将需要使用对jQuery的noConflict引用，而不是$。太棒了，成功了！然而，当我跳出页面并返回时，插件停止启动…但是当你刷新时，它启动并工作得很好！MixItUp保留了一个实例的内部寄存器，这样可以防止它在匹配元素上再次初始化。与大多数jQuery插件一样，您需要在指令中添加。在link函数中，在“$destroy”上添加element.on，函数{element.mixItUp'destroy'；}；。这基本上是说，当元素从视图中移除$destroy时，从MixItUp的寄存器中移除这个实例。非常感谢，这很有效。您是否知道在这种情况下如何使用angular和jQuery的好资源？

<div mix-it-up id="Container" class="container">
    <div class="mix category-1" data-myorder="1"></div>
    <div class="mix category-1" data-myorder="2"></div>
    <div class="mix category-1" data-myorder="3"></div>
    <div class="mix category-2" data-myorder="4"></div>
    <div class="mix category-1" data-myorder="5"></div>
    <div class="mix category-1" data-myorder="6"></div>
    <div class="mix category-2" data-myorder="7"></div>
    <div class="mix category-2" data-myorder="8"></div>

    <div class="gap"></div>
    <div class="gap"></div>
</div>

<div mix-it-up id="Container" class="container"></div>

.directive('mixItUp', function () {
  var directive = {
    restrict: 'A',
    link: link
  };

  return directive;

  function link (scope, element, attrs) {
    $(element).mixItUp();
  }
});