부분 새로 고침_jquery를 달성하려면 Jquery.load를 사용하여 페이지를 로드하세요.-JS 튜토리얼-php.cn

집

부분 새로 고침_jquery를 달성하려면 Jquery.load를 사용하여 페이지를 로드하세요.

May 16, 2016 pm 05:02 PM

처음에는 Jquery를 이해하지 못했기 때문에 항상 jquery.load 메서드를 사용하여 부분 새로 고침을 달성하기 위해 새 페이지를 로드하고 싶었습니다. 로드된 페이지가 원래 별도 페이지와 다르고 스타일이 사라졌습니다. .. 나중에 온라인에서 확인해 보니 다른 사람의 답변입니다.

는 일부 콘텐츠를 필터링하지 않고 직접 로드하면 페이지가 혼란스러워집니다. 예를 들어, 새 페이지에는 <body> 태그도 있습니다. 로드 후에는 페이지에 비표준 <body>가 포함된 두 개의 HTML 태그가 포함됩니다. 이는 jquery.load() 함수에 지정됩니다. 일반적으로 로드된 페이지는 로드된 콘텐츠의 요소에 따라 CSS 스타일을 재정의하고 js 이벤트를 추가해야 합니다. 예:
원본 페이지 A.html:

코드 복사 코드는 다음과 같습니다.

 
&lt ;html> 
<head><title></head> 
<body> 
<div id="container"< /div> 
</body></html> 
로드된 페이지 B.html: 
<html>
<head></title> ;/head> 
<style>.page-li {font-size:12px;color:blue}</style> 
<body> 
<div id="page"> ; 

234123
341234
41234 412de34</ li> 
</div> 
</body></html> 

원본에서 page A.html ), 원본 페이지에서 page-li 스타일을 재정의합니다. 
css의 원본 페이지인 load()를 추가했습니다. 
<html> 
<head>< title></title></head> 
<style>.page-li {font-size:12px;color:green}</style> 
<body> ; div id="container"></div> 
<script type="text/javascript"> 
$(function(){ 
$("#container").load ( "B.html #page",null,function(){alert("로드됨")}) 
</script>
</body></ html&gt ; 


도움이 되었기를 바랍니다.