2014-07-26 2 views
-2

jQuery를 사용하여 현재 작업하고있는 프로젝트에 몇 가지 효과를 추가하고 싶습니다. 지금까지 저는 PHP를 사용하여 머리말과 꼬리말 파일을 재사용했습니다. 테스트로서 jQuery를 사용하여 숨기고 로고를 사라지려고했습니다. 다음은이 작업을 수행하는 데 사용한 코드입니다.jQuery와 PHP가 함께 작동하지 않습니다.

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

그러나이 코드는 전혀 영향을주지 않습니다. 내가 PHP와 jQuery를 이용하여 상기 다른 게시물을보고

<?php include("inc/header.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 헤더 파일입니다 함께 나쁜 생각은 아니었다. 내가 도대체 ​​뭘 잘못하고있는 겁니까? 나는 두 언어의 초보자이기 때문에 내 오류가 명백하다면 나를 용서해주십시오. 어떤 도움이라도 대단히 감사하겠습니다. 미리 감사드립니다. 내 실수에 대한 사과, 이전 게시물에서 나는 너무 많은 코드를 게시했다.

+4

게시 한 내용은 PHP와 아무 관련이 없습니다. 또한 '# logo'가 포함 된 HTML을 게시하지 않았습니다. 여기서 우리가 뭘 잘못 생각하는지 어떻게 생각해? –

+0

더 많은 HTML을 보여 주어야합니다. 예를 들어'# logo'는 어디에 있습니까? – putvande

+1

로드하기 전에 #logo를 숨길 가능성이 큽니다. 거의 모든 jQuery 예제를 살펴보십시오. –

답변

-1

PHP는 서버 측 언어 (즉, 호스팅 서버에서 실행됨을 의미)입니다. jQuery는 클라이언트 측에서 실행되는 javascript 라이브러리입니다. 이 때문에 그들은 서로 갈등을 겪을 수 없습니다.

웹 페이지 리소스가로드되기 전에 jQuery 코드를 실행해야합니다. 이처럼 jQuery를 추가

시도 : 문서 준비 및로드 될 때까지

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

이 알려줍니다 jQuery를 기다려야합니다. jQuery를 작성, BTW

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

및 쓰기 $는 동일합니다 :

관련 문제