当我使用AngularJS部分时，如何让JQuery工作

How do get JQuery to work when I am using AngularJS partials?

本文关键字：JQuery 工作 分时 AngularJS      更新时间：2023-09-26

我有下面的代码。但是，在查看此静态页面时，当它要查找的#id和.classes处于部分时，我的JQuery将不会运行。我该如何让它工作？

 <body ng-app>  
    <h2>JQuery wont run if code it is looking for is in a Partial</h2>  
    <div ng-include="'_includes/partials/menu.html'" ></div>  
    <br />
    <h2>JQuery will work if the code it is looking for is here on the page (DOM)</h2>
    <div class="container">    
        <div class="row">    
            <div class="col-xs-12">
                <ul class="nav">
                    <li><a>Home</a></li>
                    <li><a>About</a></li>
                    <li><a>Services</a></li>
                </ul>
            </div>
        </div>
    </div>  
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="_includes/scripts/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js"></script>
    <script src="_includes/scripts/custom.js"></script> 
</body>

尝试在AngularJS应用程序中查找html元素并对其进行修改不是一个好的做法，就像在启用JQuery的html中通常会做的那样。相反，试着只使用Angular来实现你想实现的任何东西。

无论如何，您都希望使用ng指令而不是jQuery调用。

相关文章：