在WP中实现“向下滑动”js面板

时间：2012-02-06 作者：fred randall

I\'m trying to implement a very simple vertical slide down panel in Wordpress, 我试过jbar(http://tympanus.net/codrops/2009/10/29/jbar-a-jquery-notification-plugin/)以及我在中找到的一种简单的JS方法http://jsfiddle.net/ahr3U/

但我仍然无法实现这一点，我已尝试在页脚插入以下代码。php就在它关闭之前，并且在标题内。php，但仍然没有显示任何内容。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
<script>

$(document).ready(function(){
    $("#notification").addClass("visible");
});

</script>

And CSS:

#notification {
    background-color: #F00;
    color: #FFF;
    height: 25px;
    position: absolute;
    top: -25px;
    width: 100%;
    transition: top 0.5s;
    -moz-transition: top 0.5s;
    -webkit-transition: top 0.5s;
    -o-transition: top 0.5s;
}

#notification.visible {
    top: 0px;
}
The HTML CTA via the div, I\'ve tried calling with the <head> 和<body>

<div id="notification">Page load complete...</div>

1 个回复
最合适的回答,由SO网友:Kyle 整理而成

为了与其他库兼容，jQuery默认以“无冲突”模式加载。尝试重写代码以使用jQuery关键字而不是$。

jQuery(function ($) {
    $("#notification").addClass("visible");
});

结束
标签： themes   jquery   css   javascript   小码农  

相关推荐

如何在一个页面中加载一个css文件？

我有一个javascript文件和一个相应的css文件。这两个文件都应该嵌入到一个wordpress页面中。我设法加载了javascript文件，但如何从页面加载css文件？