Question

我想在点击div时弹出一个菜单，我在这个小提琴中完成了所有工作：http://jsfiddle.net/EhtrR/825/但是我无法使其在我的代码上工作。

HTML：

<div id="clickOne" class="clickDesign">
<h2 class="fs20 nobold">Leafy Plants</h2>
</div>
<div  id="clickTwo" class="clickDesign">
<h2 class="fs20 nobold">Juicy Plants</h2>
</div>
</div>
<div id="leafyPlants">
Leafy Test
</div>
<div id="juicyPlants">
Juicy Test
</div>

CSS：

#leafyPlants{
    display:none;
    position:absolute;
    top:50px;
}

#juicyPlants{
    display:none;
    position:absolute;
    top:50px;
}

jQuery的：

  $("#clickOne").on('click', function() {
   $("#leafyPlants").fadeIn();
   $("#juicyPlants").fadeOut();
});
$("#clickTwo").on('click', function() {
   $("#leafyPlants").fadeOut();
   $("#juicyPlants").fadeIn();
});

当我把它放到我的代码时，它没有显示任何内容。

Answer 1

如果您希望它在您的wordpress网站上运行，您将必须包含jquery库。方法如下：

<?php wp_enqueue_script("jquery"); ?>
# Add this in your header.php in the <head> </head> section#

div淡入淡出onClick不起作用

1 个答案: