0

我有我的主页模板文件 Home-template.php，其中有一个滑动菜单 html。

这是我的滑动菜单脚本：

$(document).ready(function() {

// Expand Panel
$("#open").click(function(){
    $("div#panel").slideDown("fast");


}); 

// Collapse Panel
$("#close").click(function(){
    $("div#panel").slideUp("fast"); 
});     

$(".toggle a").click(function () {
    $(".toggle a").toggle();
});     
  e.preventDefault();
 });

并且 jquery 和这个脚本都加载到页面上，但是幻灯片效果不起作用，它只是向上和向下弹出而没有效果。

有什么帮助吗？

这是html代码：

<div id="panel">    
<nav id="main-menu">
    <ul>
      <li><a href="">Home</a></li>
      <li><a href="">About me</a></li>        
    </ul>
</nav>
</div>
<div class="toggle"><a id="close" style="display: none;position:   absolute;right:5px;top:5px;" class="close" href="#"></a></div>   
<div class="toggle" style="position: absolute;right:10px;top:10px;"><a id="open"    class="open" href="#"></a></div>

这是一个页面的链接：http: //pavlovic.com/about-me/

4

2 回答 2

0

尝试以下对我有用的代码

$(this).effect('slide', { direction: 'down'}, 500);

为了使幻灯片效果与 jquery 文件一起在 wordpress 中工作，还必须加载 jquery-effects-core 和 jquery-effects-slide。

wp_enqueue_script('jquery');
wp_enqueue_script('jquery-ui-core');
wp_enqueue_script('jquery-effects-slide');

此代码也有效：

$('#test').effect( "slide", "right" );
于 2014-11-14T07:14:59.490 回答
0

好吧，一个 e 没有定义，其次我不确定你是如何包含你的 js 所以你应该阅读这个：http ://wp.tutsplus.com/articles/how-to-include-javascript-and-css -in-your-wordpress-themes-and-plugins/

于 2013-10-11T11:21:28.090 回答