Question

我想使用jQuery为我目前正在处理的项目添加一些效果。到目前为止，我已经使用PHP来重用页眉和页脚文件。作为测试，我试图隐藏，然后使用jQuery淡化徽标。以下是我用来执行此操作的代码：

jQuery("#logo").hide(); 
jQuery("#logo").fadeIn();

但是，此代码根本没有任何效果。

这是PHP头文件：

<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="utf-8">
    <link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="icon" type="image/png" href = "img/favicon.png">
    <script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
    <script src = "js/myscript.js"></script>
    <title><?php echo $pageTitle; ?></title>
</head>
<body>

    <div class = "wrapper">

        <header>
            <div id = "logo"><img src = "img/logo.png"></div>
            <h1 id = "name">Nuri Amari</h1>

            <nav>

                <ul>

                    <li><a href = "index.php" class="<?php if ($section == 'About') { echo 'selected'; }?>">About</a></li>
                    <li class = "greyed-out">/</li>
                    <li><a href = "work.php" class="<?php if ($section == 'Work') { echo 'selected'; } ?>">Work</a></li>
                    <li class = "greyed-out">/</li>
                    <li><a href = "contact.php" class="<?php if ($section == 'Contact') { echo 'selected'; } ?>">Contact</a></li>

                </ul>

            </nav>

        </header>

我将此头文件包含在我的index.php中，代码如下：

<?php include("inc/header.php"); ?>

我看到另一篇文章说使用PHP和jQuery并不是一个坏主意。我究竟做错了什么？我是两种语言的初学者，如果我的错误很明显，请原谅我。任何帮助将不胜感激。提前致谢。为我的错误道歉，在以前的帖子中我被告知我发布了太多代码。

Answer 1

试试这个：

$(document).ready(function () {
    $("#logo").hide(); 
    $("#logo").fadeIn();
});

BTW，编写jQuery和编写$是一样的。

Answer 2

PHP是服务器端语言（意味着它在托管服务器上运行。）虽然jQuery是在客户端运行的javascript库。因此，他们不能互相冲突。

我的问题是你在网页资源加载完成之前运行你的jQuery代码。

尝试像这样添加你的jQuery：

 $(document).ready(function(){
     //Your jQuery goes here eg: 
     $("#logo").hide(); 
     $("#logo").fadeIn();
 });

这告诉jQuery要等到文档准备好并加载。

jQuery＆amp; PHP不要一起工作

2 个答案: