JS 无法在忽略 $ 行的角度项目中工作答案

【问题标题】：JS not working in angular project ignoring $ linesJS 无法在忽略 $ 行的角度项目中工作
【发布时间】：2023-02-01 20:13:22
【问题描述】：

我想在 Angular 项目上使用这个脚本，但它没有按应有的方式工作，它忽略了每一行$，我只收到了窗口警报。


  <script language="JavaScript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script language="JavaScript" type="text/javascript">
    $(function () {
      window.alert('test') ;
        $('.genealogy-tree ul').hide();
        $('.genealogy-tree>ul').show();
        $('.genealogy-tree ul.active').show();
        $('.genealogy-tree li').on('click', function (e) {
          
          var children = $(this).find('> ul');
            if (children.is(":visible")) children.hide('fast').removeClass('active');
            else children.show('fast').addClass('active');
            e.stopPropagation();
        });
    });
    </script>

和html代码

<div class="genealogy-body genealogy-scroll">
    <div class="genealogy-tree">
        <ul>
            <li>
                <a href="javascript:void(0);">
                    <div class="member-view-box">
                        <div class="member-image">
                            <img src="" alt="Member">
                            <div class="member-details">
                                John
                                
                            </div>
                        </div>
                    </div>
                </a>
.....

【问题讨论】：

标签： javascript jquery angular

【解决方案1】：

不要在 angular 中使用 $，它是 JQuery 的特殊符号。使用javascript的原生选择器

【讨论】：