728x90 코딩 배우기19 jquery mobile (제이쿼리 모바일) jquery mobile 기본 페이지 템플릿 만들기 이 템플릿 에서메타 viewport태그는 화면 너비를 장치의 픽셀 너비로 설정합니다. jQuery, jQuery Mobile 및 CDN의 모바일 테마 스타일시트에 대한 참조는 모든 스타일과 스크립트를 추가합니다. jQuery Mobile 1.4는 jQuery core 1.8 이상 버전에서 작동합니다. 에서 of가 있는 div는 페이지를 설명하는 데 사용되는 래퍼입니다. 헤더 바( ), 콘텐츠 영역( ), 푸터 바( )를 내부에 추가하여 기본 페이지를 생성합니다(3개 모두 선택 사항). 이러한 속성은 기본 마크업을 개선되고 스타일이 지정된 위젯으로 변환하기 위해 jQuery Mobile 전체에서 사용되는 HTML5 속성입니다 My Title Hello w.. 2023. 5. 26. 제이쿼리 이벤트 확장(jquery event extensions) 제이쿼리 이벤트 확장 속성을 복사하는 "드롭" 이벤트에 대한 후크를 설정하려면 dataTransfer개체를 다음에 할당합니다 jQuery.event.fixHooks.drop. jQuery.event.fixHooks.drop = { props: [ "dataTransfer" ] }; fixHooks고급 기능이고 외부에서 거의 사용되지 않기 때문에 jQuery에는 충돌 해결을 처리하기 위한 코드나 인터페이스가 포함되어 있지 않습니다. 다른 코드가 동일한 이벤트에 할당될 가능성이 있는 경우 fixHooks코드는 기존 후크를 확인하고 적절한 조치를 취해야 합니다. 간단한 해결책은 다음과 같습니다. if ( jQuery.event.fixHooks.drop ) { throw new Error( "Someone el.. 2023. 5. 24. jquery 루프 외부에 추가 루프 외부에 추가 DOM을 건드리면 비용이 발생합니다. DOM에 많은 요소를 추가하는 경우 한 번에 하나씩이 아니라 한 번에 모두 추가하는 것이 좋습니다. 이는 루프 내에서 요소를 추가할 때 흔히 발생하는 문제입니다. $.each( myArray, function( i, item ) { var newListItem = "" + item + ""; $( "#ballers" ).append( newListItem ); }); 일반적인 기술 중 하나는 문서 조각을 활용하는 것입니다. 루프를 반복할 때마다 DOM 요소가 아닌 조각에 요소를 추가합니다. 루프 후에 조각을 DOM 요소에 추가하기만 하면 됩니다. var frag = document.createDocumentFragment(); $.each( myAr.. 2023. 5. 23. 이벤트 위임의 이해 이벤트 위임을 사용하면 단일 이벤트 리스너를 부모 요소에 연결할 수 있으며, 해당 하위 항목이 현재 존재하는지 또는 미래에 추가되는지 여부에 관계없이 선택자와 일치하는 모든 하위 항목에 대해 실행됩니다. 링크예 나머지 단원에서는 다음 HTML 구조를 참조합니다. Item #1 Item #2 Item #3 Item #4 그룹 의 앵커를 #list클릭하면 해당 텍스트를 콘솔에 기록하려고 합니다. 일반적으로 다음 메서드를 사용하여 각 앵커의 클릭 이벤트에 직접 바인딩할 수 있습니다 . // Attach a directly bound event handler $( "#list a" ).on( "click", function( event ) { event.preventDefault(); console.log( $.. 2023. 5. 22. 이전 1 2 3 4 5 다음 728x90
