Question

我正在尝试在Wordpress中实现一个非常简单的垂直向下滑动面板，我已经尝试过jbar （http://tympanus.net/codrops/2009/10/29 / jbar-a-jquery-notification-plugin /）以及我在http://jsfiddle.net/ahr3U/找到的简单JS方法

但是我仍然无法实现这一点，我已经尝试在关闭之前在 footer.php 中插入以下代码，并在 header.php 中插入仍然没有出现。

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

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

    </script>

和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;

}

通过div的HTML CTA，我尝试使用 <head> 和 <body>

进行调用

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

Answer 1

尝试将脚本代码放入其中，并确保关闭包含jquery库的第一个脚本标记

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

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

1 个答案: