2009-07-13 1 views
0

점점 jquery를 사용하기 시작합니다. 나는 대화와 함께 일하고 있으며, 자바 스크립트를 포함한 각 대화 상자는 20-30 줄의 코드를 포함하고있다. 5 개 이상의 대화 상자가있는 몇 페이지가 있습니다. 이것은 못생긴 빠르다. 나는 아직 슬라이딩 인터페이스 또는 캘린더 컨트롤을 사용하기 시작하지 않았다.ASP.NET - jquery가 내 ASPX 파일을 복잡하게 만드는 가장 좋은 방법은 무엇입니까?

필자는 PHP 배경이 더 많습니다. 이러한 상황에서 "포함"파일로 이동하고 있습니다. ASP.NET에서 jquery-dialogs와 같은 항목에 대해 작업하는 것을 볼 수 있지만 실제로 ASP.NET 양식 항목에 jquery 기능을 추가하기 시작하면 옵션이 표시되지 않습니다 (아는 한).

어떻게하면 여분의 자바 스크립트를 유지하고 여분의 부동 div는 내 ASPX 파일을 어지럽히 지 않도록 할 수 있습니까?

ASPX 파일을 문서화 된 명확한 섹션으로 분할 할 준비가되었습니다.이 작업은 매우 큰 "파일"을 생성합니다. 더 나은 솔루션?

감사합니다.

답변

1

...

  1. 당신이 jQuery를 사용하고 있기 때문에, 당신은 자바 스크립트 파일을 포함하는 이미 스크립트 SRC 구문을 알고 있어야합니다, 그래서 나는이 문제 :)되지 않습니다 가정합니다. 만들 ASP.NET 그 성가신 미친 찾고 제어 ID를 들어

  2. ... 페이지의 끝에서 자바 스크립트 전역 변수에 캐시를 ... 같은 :

    <script> 
        ControlIDs = { 
        SaveButton = '<%=SaveButton.ClientID%>', 
        BlahTextBox = '<%=BlahTextBox.ClientID%>' 
        } 
    </script> 
    

  3. 그리고 별도의 jQuery 코드 파일에서 수행

...

$(ControlIDs.SaveButton).Whatever() 

3. ASP.NET 컨트롤 ID를 사용하는 대신 CSS 클래스 이름을 jQuery의 선택기로 사용하여 특정 컨트롤 (컨트롤 이름으로 클래스 이름을 처리 함)을 얻으려고 시도하는 것이 이상적이지 않을 수 있습니다. 하지만 효과가있을 수 있습니다.

이러한 항목을 통해 어느 정도의 Javascript 분리가 가능해야합니다.

5

자바 스크립트 코드를 별도의 js 파일에 넣을 수 있습니다. 그런 다음 페이지에서 js 파일을 참조하십시오.

+1

우리 집에서도 js를 페이지의 네임 스페이스에 넣습니다. E.G. 홈페이지 js는 "Home.DoMagic()"과 같을 것입니다. – TWith2Sugars

+0

저는이 아이디어가 마음에 들었습니다. –

3

.NET과 마크 업을 어떻게 구성하는지 잘 모르겠지만 모든 JavaScript를 처리하기 위해 외부 JavaScript 파일을 사용하고 인라인 JavaScript는 사용하지 않을 것입니다. 이것이 우리가 여기에서 일하는 방식이며, 마크 업, CSS, JavaScript 및 .NET을 훌륭하게 구분하여 지금까지 문제가 없습니다.

특정 유형의 대화 상자가있는 경우 마크 업에 클래스 이름을 사용하고 JavaScript 포함 파일에서 클래스를 선택자로 사용하여 대화 상자를 만듭니다. 보자

관련 문제