切换字体真棒书签图标

Question

感谢你们为帮助这个学习者所做的一切工作！

我正在尝试在打开的书签fa图标和封闭的fa书签图标之间进行切换。如果我从一个已关闭的图标开始但不是相反的方式，我的代码可以工作。我该如何解决这个问题？

谢谢:)任何帮助表示赞赏！ Code Here

Answer 1

如果您正在寻找纯JavaScript解决方案，则可以切换两者：

<i onClick="myBookmark(this)" class="fa fa-bookmark-o"></i>
x.classList.toggle("fa-bookmark-o");
x.classList.toggle("fa-bookmark");

否则，如果您正在寻找JQuery解决方案：

<i id="bookmark-toggle" onClick="myBookmark(this)" class="fa fa-bookmark-o"></i>
$("#bookmark-toggle").toggleClass("fa-bookmark fa-bookmark-o");

Answer 2

在您的代码中，您只是在上课 fa-bookmark ，并始终保持课程 fa-bookmark-o

在font-awesome.min.css上，在 fa-bookmark <之后声明了 fa-bookmark-o 类/ strong>，所以当两个类都存在时， fa-bookmark-o 将永远获胜。

阅读this article，关于css顺序优先。