jquery load 함수는 전체 페이지 대신 div 만 얻습니다.

이미 본 적이 있으면 사과드립니다. 나는 아직도 이것으로 조금 어려움을 겪고있다. 난 그냥 전체 페이지 대신 메뉴에서 선택한 링크에서 colTwo div 만로드하는 함수를 수정해야합니다.jquery load 함수는 전체 페이지 대신 div 만 얻습니다.

나는 JQuery와 웹 사이트의 코드를 참조하십시오

$('#result').load('ajax/test.html #container');

을하지만 기능이 작업을 수행하는 방법을 이해하지 않습니다.

<!DOCTYPE html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>My Title</title> 
<link href="default.css" rel="stylesheet" type="text/css" /> 
</head> 

<script type="text/javascript" src ='jquery-1.9.1.min.js'></script> 
<script type="text/javascript"> 


    $(function(){ 
     $('#menu li a').on('click', function(e){ 
      e.preventDefault(); 
      var page_url=$(this).prop('href'); 
      $('#colTwo').load(page_url); 
     }); 
    }); 


</script> 
<body> 
<div id="header"> 
    <h1>My Title</h1> 
</div> 
<div id="content"> 

    <div id="colOne"> 

     <div id="menu1"> 
      <ul id="menu"> 
       <li><a href="members.html">Members</a></li> 
       <li><a href="about.html">About</a></li> 

      </ul> 
     </div> 
     <div class="margin-news"> 
      <h2>Recent Updates</h2> 
      <p><strong>None At This Time</strong> </p> 
     </div> 
    </div> 

    <div id="colTwo"><h2>Starting Text</h2></div> 
    <div style="clear: both;">&nbsp;</div> 
</div> 

</body> 
</html>

출처

2013-05-09 John

... 문자열 연결 어쩌면? –

혼란 스럽네요. 현재 페이지에서 AJAX를 통해 콘텐츠를로드하려고합니다. 당신의 본보기는 말이되지 않습니다. – j08691

@ j08691 당신이 잘못 읽은 것 같아요. 그 코드는 메뉴'ul'에서 클릭 된 앵커로부터'href'를 가져 와서 그것을 가져옵니다. – Mathletics

케빈 B는 올바른 :

이

$('#colTwo').load(page_url + ' #colTwo');

그냥 URL을 문자열로 선택기를 추가하고, 공간을 잊지 마세요!

출처

2013-05-09 22:08:34 Mathletics

jquery load 함수는 전체 페이지 대신 div 만 얻습니다.

답변

관련 문제