Javascript jquery.animate和.effect函数在angular 8组件中不起作用 显示jquery实现的代码 上面的.animate和.effect行显示了从组件执行时的错误。当代码写入index.html文件中时，它可以工作，但只能工作一次

用于在页面中显示项目的HTML代码：

<div class="small-container">
    <h2 class="title">Hindware Collection</h2>
    <div class="row" id="shopping-cart">        
        <div class="prod-det-card">
            <img src="/assets/images/product-details/h4.jpg" alt="">
            <p class="prod-det-card-title">Hindware Atlantic Ondeo Pure</p>
            <p class="prod-det-card-rate">MRP Price: Rs. 15990.00</p>
            <button class="prod-det-card-btn">Add to Cart</button>
        </div>
    </div>
</div>

后件收藏
后件软件Atlantic Ondeo Pure
MRP价格：15990.00卢比

添加到购物车

一旦代码运行。上述卡将转换为使用数据库中的产品，使用*ngFor填充组件中的项目

效应函数误差

缓和函数误差

---

为什么要使用Angular，然后在Angular内部使用JQuery？@Owen Kelvin。谢谢你的回复。任何关于如何使用angularEdit实现此功能的建议请编辑您的问题，将html@OwenKelvin. 编辑。

<div class="small-container">
    <h2 class="title">Hindware Collection</h2>
    <div class="row" id="shopping-cart">        
        <div class="prod-det-card">
            <img src="/assets/images/product-details/h4.jpg" alt="">
            <p class="prod-det-card-title">Hindware Atlantic Ondeo Pure</p>
            <p class="prod-det-card-rate">MRP Price: Rs. 15990.00</p>
            <button class="prod-det-card-btn">Add to Cart</button>
        </div>
    </div>
</div>