Question

我正在使用WordPress网站，我想添加一个按钮，一旦点击将扩展手风琴的所有字段。但问题是我只能为Button分配一个CSS类（主题开发人员只允许我这样做）。一旦用户点击按钮，我可以使用CSS来执行jQuery（或任何其他会做技巧的语言）文件，该文件将包含扩展手风琴所有部分的代码吗？

Answer 1

CSS是一种非常强大的样式语言，但它实际上是为它设计的：样式元素。它本身并不能真正执行任何类型的Javascript或相关的客户端代码。

根据您对网站的实际更改量，您可以选择一些选项。

如果您可以添加/更改Javascript

如果你真的可以在网站上添加一个小脚本，那么这应该变得相当简单。您只需要将CSS类添加到特定按钮，然后连接事件处理程序以捕获jQuery中的click事件以执行操作：

<button class='your-special-button'>Click Me!</button>
<script>
    $(function(){
        $('.your-special-button').click(function(){
             // Your button was clicked, do something...
        });
    });
</script>

根据功能的不同，您也可以通过onclick事件处理此内联：

<button onclick='DoSomethingHere();'>Click Me!</button>

如果您无法添加/更改Javascript

根据您的确切功能，如果标记处于支持它以创建基本手风琴as seen here的状态，则可以完全通过CSS处理此问题。

有各种各样的教程和不同的实现方法，考虑在您最喜欢的搜索引擎中快速搜索“纯CSS手风琴”。

WordPress：使用按钮将类添加到div元素

1 个答案: