반복 코드 블록

Question

나는 themselvs를 반복하는 코드 블록을 가지고 있습니다. 코드 블록을 작성하여 많은 페이지에서 반복되는 meen html, javascript 및 css. 예를 들어 는 :

.filter { 
    background-color:black; 
} 

$(document).ready(function(){ 
    $('[name=aaclick]').click(function(){ alert('aa!'); }); 
}); 

<div class="filter"> 
    aaa<input type="text" /> 
    <a name="aaclick">click</a> 
</div> 

1. 나는 함께 하나의 단위의 그 세 부분을 결합 할 수 있나요?
2. 다른 페이지에서이 코드를 반복해서 쓰지 못하게하려면 어떻게해야합니까?

Answer 1

단일 부품 3 개를 함께 결합 할 수 있습니까?
서로를 더 가깝게 만듭니다 (적어도 2의 부품 수를 줄이십시오). 그러나 나는 권장하지 않습니다. 스타일은 스타일, javascript, javascript 및 html with html로 유지됩니다.

다른 페이지에서이 코드를 반복해서 쓰지 못하게하려면 어떻게해야합니까?
1.이 스타일 정의를 모든 페이지에 포함 된 일반적인 CSS 파일에 넣으십시오. 반복하지 마라.
2.이 자바 스크립트 코드를 모든 페이지에 포함 된 공통 js 파일에 넣으십시오. 반복하지 마라.
3. 자바 스크립트에서 나머지 콘텐츠를 생성하는 경우 세 번째 부분을 <div class="filter"></div>으로 줄일 수 있습니다. 이제이

$(document).ready(function(){ 
    $('.filter').each(function() { 
     $(this).append('aaa').append($('<input/>').attr('type', 'text')); 
     ... 
     $(this).find('input[name=aaclick]').click(...); 
    }) 
}); 

같은 것을, 당신은 HTML 만 <div class="filter"></div>을 넣을 수 있습니다, 나머지는 자동 생성됩니다.

Answer 2

템플릿 도구가 필요할 수 있습니다.

Answer 3

한 가지 방법은 css, js 및 html 파일로 분할하는 것입니다. 적절하게 이름이 지정되어 관련성이 있음을 알 수 있습니다.

그런 다음 코드를 사용하여 표준 방법을 사용하여 페이지에 추가하면 기능을 함께 유지할 수 있습니다. 단순히 사용자 컨트롤을 빌드 당신이 <UC:MyBlock runat="server" />을 표시 할 필요 때마다 다음 .ascx 파일에-이기 때문에 그 그것 뿐이다 전체 "반복"블록을 넣어 ASP.NET의 경우

Answer 4

- 유연하고 신뢰할 수있는 100 %에 정말 .. 없음 클라이언트 측 템플릿, jQuery 플러그인 등을 뒤죽박죽으로 다루는 이유.