Javascript jQuery和PHP不能一起工作_Javascript_Jquery_Html

Javascript jQuery和PHP不能一起工作

javascript jquery html

Javascript jQuery和PHP不能一起工作,javascript,jquery,html,Javascript,Jquery,Html,我想使用jQuery为我目前正在进行的项目添加一些效果。到目前为止，我已经使用PHP重用了页眉和页脚文件。作为一个测试，我尝试在使用jQuery时隐藏一个徽标，然后使其褪色。以下是我用来执行此操作的代码： jQuery("#logo").hide(); jQuery("#logo").fadeIn(); 然而，这段代码根本没有任何效果以下是PHP头文件： <!DOCTYPE html> <html lang="en-US"> <head> <

我想使用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不是一个坏主意。我做错了什么？我是两种语言的初学者，所以如果我的错误很明显，请原谅我。任何帮助都将不胜感激。提前谢谢。为我的错误道歉，在以前的帖子中，我被告知我发布了太多的代码。

PHP是一种服务器端语言，意味着它在托管服务器上运行。而jQuery是在客户端运行的javascript库。正因为如此，他们不能互相冲突

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

尝试按如下方式添加jQuery：

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

这告诉jQuery等待文档准备好并加载

试试这个：

顺便说一句，编写jQuery和编写$是一样的。

您发布的内容与PHP无关。您还没有发布包含徽标的HTML。我们怎么知道这里出了什么问题呢？你应该显示更多的HTML，比如你的徽标在哪里？你很可能在加载徽标之前试图隐藏它。看看几乎所有jQuery示例，我为我的错误感到抱歉。谢谢，阿尔瓦罗。这就解决了问题。同样，我对jQuery非常陌生。

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