Question

我无法让这个toggle（）函数在我的wordpress网站上运行，虽然它可以在codepen中运行。这是代码：

<style>    
footer {
background: #163774; 
color: #ffffff; 
font-weight: bold;  
border-top-left-radius: 15px;
border-top-right-radius: 15px;
position: fixed;   
text-align: center; 
transition: 2s bottom;
}

.minimizer {
background-color:#FC7F0C; 
padding: 3px; 
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-bottom: 5px;
cursor: pointer; 
}
</style>


<footer class="hidden">
    <div class="minimizer">

   <h1>Header</h1>
   </div>

    <span class="form_content">
        Text Here
    </span>
</footer>


<script>
    $('.minimizer').click(function() {
      $('span.form_content').toggle()
    });
</script>

我的源代码正确，并且jQuery库来自header.php模板文件。我在codepen中使用相同的代码并且它可以工作，但是当我将它全部放入我的网站时，它无法正常工作。

Answer 1

将函数包含在jQuery .ready（）方法中，以便在DOM完全加载时执行。

<script>
  $(function() {
    $('.minimizer').click(function() {
     $('span.form_content').toggle();
    });
 });
</script>

jQuery函数toggle（）在wordpress站点中不起作用

1 个答案: