如何在WordPress中安装Lavalamp jQuery Effect

时间:2011-10-13 作者:Miss_Scarlett80

Possible Duplicate:
wp_enqueue_script isn't connecting my custom js file

我在我的主菜单/导航上用了很长时间才得到这个Lavalamp效果。

以下是我在头部标签中放置的内容:

<script language=""javascript"" type=""text/javascript"src="wp-content/themes/metric /scripts/jquery-1.4.1.min.js"></script>
<link rel="stylesheet" href="wp-content/themes/metric/lavalamp.css" type="text/css" media="screen" />
<script type=""text/javascript"" src="wp-content/themes/metric/scripts/jquery.easing.min.js"></script>
<script type=""text/javascript"" src="wp-content/themes/metric/scripts/jquery.lavalamp.min.js"></script>

<!-- this script initiates the function change the #nav to your unordered list\'s ID -->
<script type=""text/javascript"">
$(function() {
$("#nav").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return true;
}
});
});
</script>
我已确保我的ID与上面代码#nav中列出的ID相同。然而,它不起作用,在尝试了几种不同的组合后,我遇到了麻烦。

如果你们能提供任何帮助,我们将不胜感激!!:)

1 个回复
SO网友:wpmika
<script language="javascript" type="text/javascript" src="wp-content/themes/metric /scripts/jquery-1.4.1.min.js"></script>
<link rel="stylesheet" href="wp-content/themes/metric/lavalamp.css" type="text/css" media="screen" />
<script type="text/javascript" src="wp-content/themes/metric/scripts/jquery.easing.min.js"></script>
<script type="text/javascript" src="wp-content/themes/metric/scripts/jquery.lavalamp.min.js"></script>



<script type="text/javascript">
    jQuery(function() {
    jQuery(\'#nav\').lavaLamp({
    fx: \'backout\',
    speed: 700,
    click: function(event, menuItem) {
    return true;
    }
    });
    });
    </script>
结束

相关推荐

将jQuery Prepend()与文件包含一起使用

我正在开发一个插件,它将在<body> 标记到站点。由于这将用于多个主题,我不能依赖一些主题/框架提供的各种挂钩。我知道我可以使用prepend() 函数来包含原始标记,但我似乎找不到一种可靠的方法来包含。改为php文件。