AngularJS的jQuery代码，包含用于css动画的ngclick和多个ngclass
我正在尝试转换以下jQuery脚本：AngularJS的jQuery代码，包含用于css动画的ngclick和多个ngclass,jquery,css,angularjs,Jquery,Css,Angularjs,我正在尝试转换以下jQuery脚本： <script type="text/javascript"> $(document).ready(function() { $(".openNav").click(function() { $("body").toggleClass("navOpen"); $("nav").toggleClass("open"); $(".wrapper").toggleClass("open");
<script type="text/javascript">
$(document).ready(function() {
$(".openNav").click(function() {
$("body").toggleClass("navOpen");
$("nav").toggleClass("open");
$(".wrapper").toggleClass("open");
$(this).toggleClass("open");
});
});
</script>
我的想法已经没有了，所以也许我会继续添加jQuery，但我觉得这与AngularJS的目的背道而驰。ng开关的类应用于错误的元件
$(".openNav").click(function() {
$("body").toggleClass("navOpen");
$("nav").toggleClass("open");
$(".wrapper").toggleClass("open");
$(this).toggleClass("open");
});
<body ng-app="myApp" ng-controller="test" ng-class="{'navOpen':toggle, 'icon':toggle, 'wrapper': toggle}" ng-click="toggle=!toggle">
这段代码应该做什么，它实际上在做什么？CodePen有“运行”按钮吗？你的JSFIDLE坏了。我建议您改为尝试Plunker，它支持本地脚本文件。它应该包含一个动画，其中包装器向右下角移动，以显示Jquery代码笔示例中的导航菜单……我不确定为什么该示例没有在中为您运行CodePen@Phil我试试看，感谢you@RobertHarvey密码笔对我有用。很好的动画顺便说一句：作品就像一个魅力，感谢加雷特，更重要的是，我从概念上理解我做错了什么。非常感谢，先生。
<body ng-app="myApp" ng-controller="test" ng-class="{'navOpen':toggle, 'icon':toggle, 'wrapper': toggle}" ng-click="toggle=!toggle">