2010-04-29 3 views
1

편집을했다. 로컬 서버 또는 테스트 서버가 없으므로 FTP를 통해 디렉토리를 만들었습니다. '/ 테스트'. 모든 것이 테스트 디렉토리에서 훌륭하게 작동했습니다.jQuery를 실패 라이브

'/ testing'의 모든 파일을 루트 디렉토리로 이동하여 오늘 밤 라이브를 시도했지만 그에 따라 모든 파일 경로와 스크립트 소스가 변경되었습니다. 사이트가로드되지만 JQuery와 관련된 모든 것이 작동하지 않습니다. 내가 무엇을해야하는지에 대한 손실에있어 기능

하지

'$ .os.name': 자바 스크립트 콘솔 (단지 플러그인에서 예를 들어)의 오류를 제공합니다. JQuery 라이브러리를 참조하는 경로를 변경하고 새 디렉토리에 JQuery를 새로 설치했습니다.

'/ blog'라는 다른 디렉토리에 WordPress 설치가 있습니다. 나는 워드 프레스와의 호환성 문제에 대해 읽었지 만, 그게 내 말은 아니지만 안에있는 이라는 JQuery를 사용하는 것과 관련이있는 것 같다.

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link href="main.css" rel="stylesheet" type="text/css"> 
<link href="jquery.lightbox-0.5.css" rel="stylesheet" type="text/css"> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="jq.browser.js"></script> 
<script type="text/javascript" src="compatible.js"></script> 
<script type="text/javascript" src="nav.js"></script> 
<script type="text/javascript" src="jquery.lightbox-0.5.js"></script> 
<script type="text/javascript"> 
$(function() { 
$('a.lightbox').lightBox(); 
}); 
</script> 
<title>Pearce Images</title> 
<script type="text/javascript" src="slider.js"></script> 
<link href="slider.css" rel="stylesheet" type="text/css"> 
</head> 

그것은 모든 페이지는 PHP에 있음을 주목할 필요가 : 여기

머리 코드입니다. 저는 PHP 개발자가 아니므로 require_once ('some.file.php') 함수 만 사용합니다. (코드 마크 업은 아니지만 유감스럽게도이 마크 다운 작업은 처리 할 수 ​​없습니다.) 난 그냥 모든 페이지에 대한 머리글과 바닥 글에 대한 동일한 코드를 당겨, 그런 식으로 변경해야 할 경우, 난 단지 코드의 한 덩어리를 변경해야합니다.

귀하의 도움에 감사드립니다.

+0

내 대답을 편집했습니다. 'compatible.js'가 무엇을하는지 또한보기 좋을 것입니다. – Strelok

답변

0

브라우저에서 jquery.js 파일 (또는 무엇이든)을 다운로드하려고 시작하십시오. 소스보기로 이동하십시오. 일부 브라우저는 링크를 자동으로 강조 표시하므로 링크를 클릭 할 수 있습니다. 방문 할 때 jquery.js 파일이로드되는지 확인하십시오. 그렇지 않은 경우 서버 구성 문제가 있습니다.

그렇지 않으면 jQuery 스크립트를 사용하는 간단한 HTML 파일을 작성하십시오. 문제가 없으면 문제가 해결됩니다.

테스트 할 한 가지는 jQuery 변수가 여전히 사용 가능한지 확인하는 것입니다. $이 다른 JavaScript 라이브러리를 참조하도록 변경되었을 수 있습니다. 그렇다면 모든 $ s를 jQuery로 바꿀 필요는 없습니다. 이처럼 jQuery를-사용하여 코드를 포장하여 다른 플러그인을 사용하여 코드와 호환 코드를 유지할 수 있습니다 :

(function($){ 
    /* Code using $ for jQuery. */ 
}(jQuery)); 
+0

파일을 다운로드 할 수있었습니다 (브라우저 주소가 jquery 파일을 가리키고있는 경우) jquery를 통해 간단한 경고와 함께 간단한 html 페이지를 만들었습니다. 나는 아침에 보상 문제를 해봐야 할 것이고, 실제로 잠을 곧 필요로 할 수도 있습니다. –

0

이 문제를 해결 http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js에서 구글 AJAX 라이브러리 소스에 jQuery를위한 <script> 태그를 가리키는 시도하십시오. 그게 효과가 있다면, 당신은 당신의 src 속성을 엉망으로 만들고 있습니다. 페이지에있는 헤더와 jQuery를 물리적으로 배치 한 헤더를 게시하십시오.

EDIT (코드를보고 난 후) : "compatible.js"가 $ 함수 선언을 재정의하는지 궁금합니다. $을 사용하는 모든 인스턴스를 jQuery으로 바꾸십시오. 또한 귀하의 자바 스크립트는 <script> 태그에없는 것 같습니다.

<head> 
    <link href="main.css" rel="stylesheet" type="text/css"> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script type="text/javascript" src="compatible.js"></script> 
    <script type="text/javascript" src="jquery.lightbox-0.5.js"></script> 
    <script type="text/javascript"> 
     jQuery(document).ready(function() { jQuery('a.lightbox').lightBox(); }); 
    </script> 
    <title>Pearce Images</title> 
    <link href="slider.css" rel="stylesheet" type="text/css"> 
+0

불행히도 Google 소스, 동일한 문제를 시도했습니다. 내가 요청한 헤드 코드를 추가했습니다. (이상하게 보일 경우 미안 해요, 마크 다운과 함께 힘들었습니다 ...). –

0

그것은 복사 - 붙여 넣기 문제가 될 수도 있지만, "1.4.2"후 여분의 공간이있다 :이 같은 코드의 모양을 확인 다시 jQuery를 호출하는 경우

또한
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2 /jquery.min.js"></script> 
+0

그게 단순하다면 그저 사본과 과거를 두려워 할뿐입니다. 좋은 눈을 가져 주셔서 감사합니다. –

0

확인은

<script type="text/javascript" src="jq.browser.js"></script> 

인가 : compatible.js에서 ... 그 언젠가 내가 바보 같은 느낌이 문제 ....

0

오 남자가 발생할 수 있습니다 브라우저 유형과 OS를 감지하는 플러그인 인 "compatible.js"파일이 사용하는 것입니다. 나는 어젯밤에 이렇게 여러 번 전송하지 못했습니다.

var links = "a.links,a.trigger"; 
var folio = "a.portfolio"; 
// 
// 
$(document).ready(function() { 
if ($.os.name == "mac") 
{ 
$(links).css("fontSize","76.6%"); 
$(folio).css("fontSize","76.6%"); 
$(links).css("top","-4px"); 
$(folio).css("top","5px"); 
} 
}); 

모두 잘, 모든 도움들 주셔서 감사합니다 : 그것은 JQuery와 기능의 나머지 부분을 부러 왜, 나는 그것이 단지 호환 기능을 건너 뛸 것이라고 생각 확실하지,이 compatible.js의 내용입니다 !