2013-08-10 3 views
0

jQuery를 사용하여 새 페이지에 단순히 연결하는 대신 div 내에서 href를 열려고합니다. 많은 튜토리얼을 보았지만 load() 함수가 저에게 효과적이지 않은 것 같습니다.jQuery div() 내에로드되지 않음 div 내에서로드되지 않음

제 코드를보고 퍼즐 조각이 누락되었음을 알려주세요. 내 jQuery를 자바 스크립트

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Jquery</title> 
</head> 
<body> 
<!-- nav links to open in div#content area --> 
<a class="menu_top" href="pages/home.php">Home</a> | <a class="menu_top" href="pages/about.php">About</a> | <a class="menu_top" href="pages/contact.php">Contact</a> 

<!-- div for links to open in --> 
<div id="content-area"></div> 

<script type="text/javascript" src="jquery-1.10.2.min.js"></script> 
<script type="text/javascript" src="js/nav.js"></script> 
</body> 

: 그리고 여기

내 HTML 페이지입니다 나는 URL이 검색되고 있었다 확인하는 경고 추가

$('.menu_top').click(function() { 
var href=$(this).attr('href'); 
alert (href); 
$('#content_area').load(href); 
//return false; 
}); 

, 그리고, 다음로드 완전히 것입니다 다음 새 페이지. 그래서 "return false"를 추가했고 load()가 작동하지 않는다는 경고 뒤에 아무것도하지 않았습니다.

처음에는 WAMP를 통해이 프로그램을 실행 했으므로 폴더에서 직접 페이지를 실행하려고 시도했지만 브라우저는 링크 된 페이지를 열지 않고 다운로드하려고했습니다. 나는 또한 원격 웹 사이트에 업로드를 시도하고 WAMP와 같은 결과를 얻었다.

+1

JavaScript에서는 "content_area"를 사용하지만 HTML에서는 "content-area"를 사용합니다. – Pointy

답변

4

보십시오 : 귀하의 사업부가 #content-area하지 #content_area라고

$('.menu_top').click(function() { 
    var href=$(this).attr('href'); 
    alert (href); 
    $('#content-area').load(href); 
    //return false; 
}); 

때문입니다.

+0

두 분 모두 도와 주셔서 감사합니다. 나는 당신의 제안을 시도하면서, 나는 좀 더 빨대를 스스로 파악했으며, "반환 거짓"을 주석 처리하지 않을 때 효과가 있다는 것을 알았다. –

관련 문제