버튼이있는 템플릿을 가지고 있습니다. Jquery load ()를 사용하여 다른 템플릿을로드하는 버튼의 Onclick.
예:
템플릿 1 :
<div id='tp1'>
<button>Load</button>
<div class="sub"></div>
</div>
템플릿 2 :
<div id='tp2'>
<img src='../abc/amd/aa.jpg' class="iPath"/>
<img src='../edf/dfv/bb.jpg' class="iPath"/>
<img src='../fgh/vbf/cc.jpg' class="iPath"/>
</div>
이제 모든 이미지에 대해 tp2의 src를 변경해야하지만 각 이미지의 경로가 다릅니다.
img1 path: ../qwe/afg/aa.jpg
img2 path: ../asd/zvb/bb.jpg
img3 path: ../zxc/qrt/cc.jpg
Jquery :
$(document).ready(function(){
$('button').click(function(){
$('.sub').load("../abbb.html");
console.log($('.iPath'));
});
});
그러나 여기서는 템플릿 2의로드가 렌더링되지 않기 때문에 iPath가 정의되지 않았습니다. 페이지가 성공적으로로드되었는지 여부를 어떻게 알 수 있으므로 페이지의 소스를 쉽게 변경할 수 있습니다 ....
필요한 데이터와 함께 load ()에 콜백을 추가해보십시오 .
요청이 완료되면 실행되는 콜백 함수입니다.
$('.sub').load("../abbb.html",function(data){
$(data).find('.iPath');
});
src
이미지 를 변경하려면 다음 을 사용하여 속성을 설정해야합니다.
$('.sub').load("../abbb.html",function(data){
$(data).find('.iPath').each(function(){
$(this).attr('src','...')
});
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다