> 웹 프론트엔드 > JS 튜토리얼 > 부분 새로 고침_jquery를 달성하려면 Jquery.load를 사용하여 페이지를 로드하세요.

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

WBOY
풀어 주다: 2016-05-16 17:02:53
원래의
1226명이 탐색했습니다.

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

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

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

< ;html>
<script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <br><body> <br><div id="container"< /div> <br></body></html> <br>로드된 페이지 B.html: <br><html><br><head> ;/head>


;

  1. 234123
  2. 341234
  3. 41234 412de34



원본에서 page A.html ), 원본 페이지에서 page-li 스타일을 재정의합니다.
css의 원본 페이지인 load()를 추가했습니다.

< title>


; div id="container">




도움이 되었기를 바랍니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿