高级 Wordpress php 帮助答案

【问题标题】：Advanced Wordpress php Help高级 Wordpress php 帮助
【发布时间】：2011-05-04 21:59:57
【问题描述】：

我正在尝试包含此sliding out info panel 我创建到my wordpress site。我曾尝试在 page.php 文件和 index.php 文件中使用，但没有成功。我的网站是一个单页网站，因此我相信我在解决这个问题时遇到了问题。包含文件实际上是一个完整的 html 页面，所以我对如何处理这个问题感到困惑。请帮忙......建议

【问题讨论】：

标签： php jquery html wordpress

【解决方案1】：

您不需要整个 html 页面。您只需要这部分（按钮和 div）。将它放在 page.php 中 body 标记的某个位置，因为它位于 css 中，所以并不重要：

<div class="panel"> 
    <h3>Email Subscription</h3> 
    <p>Enter your email address below to receive promotional products and exclussive Elite givaways!</p> 

  <p><input name="" type="text" value="enter your email" /><input name="" type="submit" /></p> 
</div> 
<a class="trigger" href="#">infos</a>

然后确保在 header.php 的 head 标签中有这个 javacript：

<script type="text/javascript"> 
$(document).ready(function(){
    $(".trigger").click(function(){
        $(".panel").toggle("fast");
        $(this).toggleClass("active");
        return false;
    });
});
</script>

那么显然也需要header.php中head标签中的jquery js：

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>

以及header.php中head标签中trigger和box的css：

<link rel="stylesheet" href="style2.css" type="text/css" media="screen" />

【讨论】：

看我的答案，我编辑它说在主题中的哪些文件中。
谢谢...我试试看有没有问题
我遇到了 css 的问题......触发器和盒子如何找到 css 文件......我不明白如何将链接放在 header.php 文件中连接它到我添加的page.php中的div
update 我可以通过将 css 放在主 css 文件中来让它工作，但请访问我的网站，看看发生了什么
很抱歉这样做，但我正在取得进展并想更新我的状态.....我得到了一切工作，但我现在的问题是 css 让它浮动，但我的内容区域只有 960px....我如何让它漂浮在浏览器窗口的右侧