javascript - 如何在 wordpress 的 css 编辑器上合并 javascript？

Question

所以在我的网站 ( http://braunweiss.net ) 上，您可以看到我有粘性侧边按钮。我的老板希望我添加另一个按钮，这样我就可以从屏幕上删除按钮，就像您可以在 http://www.astcorporation.com/erp.html 上找到的那样。 .我在想我可以尝试在我的 css 编辑器中使用 javascript(因为这是我可以在 wordpress 上访问的唯一编辑器)并且拥有它以便当我单击最小化按钮时，我可以执行 display:none 在其他按钮上。

如果有关于我可以执行此类功能的其他方式的建议，那就太好了。我可以访问我使用的名为“sticky side buttons”的 wordpress 插件的 php 文件，并且可以修改 php，但不幸的是我不熟悉 php。

谢谢!

Answer 1

我真的很讨厌使用 Javascript 来设计 CSS。这感觉很老套，而且很容易忘记您的更改。

不幸的是，考虑到您的限制，这听起来确实是一种合理的方法。

否则，您可以通过将此函数绑定(bind)到按钮来完成此操作:

function myFunction() {
   var x = document.getElementById('ssb-container');
   if (x.style.display === 'none') {
       x.style.display = 'block';
   } else {
       x.style.display = 'none';
   }
}

现在我要做的是向 CSS 添加动画。我会把它留作 OP 的练习。网上有很多资源:)

干杯