Question

我有主页的模板文件，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/

Answer 1

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

Answer 2

尝试以下适用于我的代码

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

要使幻灯片效果在wordpress中与jquery文件一起使用，还必须加载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" );

jQuery效果无法在Wordpress模板文件中运行？

2 个答案: