반응형

jQuery 26

사용자가 이미지를 보기로 스크롤할 때 이미지를 동적으로 로드하는 방법

사용자가 이미지를 보기로 스크롤할 때 이미지를 동적으로 로드하는 방법 저는 사용자가 볼 수 있는 뷰포트 영역 안으로 가져올 수 있을 정도로 페이지를 아래로 스크롤할 때만 폴더 아래의 이미지가 로드되는 수많은 "현대적인" 웹 사이트(예: 페이스북 및 구글 이미지 검색)에서 이러한 현상을 발견했습니다(보기 소스에서 페이지에는 X개의 태그가 표시되지만 서버에서 바로 가져올 수는 없습니다).이 기술은 무엇이라고 불리는지, 어떻게 작동하는지, 몇 개의 브라우저에서 작동하는지.그리고 최소한의 코딩으로 이 동작을 달성할 수 있는 jQuery 플러그인이 있습니까? 편집 보너스: "스크롤된" 항목이 있는지 누가 설명해 줄 수 있습니까?HTML 요소에 대한 "IntoView" 또는 유사한 이벤트.그렇지 않다면 이 플러그인..

programing 2023.10.29

jQuery의 drop 이벤트를 사용하여 바탕화면에서 끌어온 파일을 업로드하는 방법은?

jQuery의 drop 이벤트를 사용하여 바탕화면에서 끌어온 파일을 업로드하는 방법은? jQuery's를 사용할 수 있습니까?drop데스크톱에서 파일을 끌어오기 위한 이벤트? 그렇다면 삭제된 파일 데이터는 어떻게 가져오나요?조금 지저분하지만(이벤트는 최소 3개 이상 처리해야 함) 가능합니다. 먼저 다음에 대한 이벤트 핸들러를 추가해야 합니다.dragover그리고.dragenter다음과 같은 이벤트에 대한 기본 작업을 방지합니다. $('#div').on( 'dragover', function(e) { e.preventDefault(); e.stopPropagation(); } ) $('#div').on( 'dragenter', function(e) { e.preventDefault(); e.stopProp..

programing 2023.10.24

Twitter 부트스트랩 접이식(아코디언)에 열기/닫기 아이콘 추가

Twitter 부트스트랩 접이식(아코디언)에 열기/닫기 아이콘 추가 간단한 버전의 부트스트랩 아코디언을 설정했습니다. 단순 아코디언: http://jsfiddle.net/darrenc/cngPS/ 현재 아이콘은 아래 방향만 가리키고 있지만 아이콘의 클래스를 다음과 같이 변경하기 위해 구현해야 하는 JS가 무엇인지 아는 사람이 있습니까? 확장할 때는 위로 이동하고 붕괴할 때는 다시 아래로 토글하도록 하고, 네 번째는?부트스트랩 3(나처럼)에서 해결책을 찾고 있는 사람들을 위한 답입니다. HTML 부분: Action Some dummy text in here. js 파트: $('.collapse').on('shown.bs.collapse', function(){ $(this).parent().find(".g..

programing 2023.10.24

키코드 13은 어떤 키를 위한 것입니까?

키코드 13은 어떤 키를 위한 것입니까? 키코드를 가진 키보드의 키는?13? switch(key) { case 37: $.keynav.goLeft(); break; case 38: $.keynav.goUp(); break; case 39: $.keynav.goRight(); break; case 40: $.keynav.goDown(); break; case 13: $.keynav.activate(); break; } 키보드의 오르키입니다.그것이 열쇠가 될 것입니다.ASCII 테이블을 확인합니다. 의 약자입니다.CR, 또는 캐리지 리턴(Carriage Return), 일명 키.키코드 13이 키입니다. jQuery로 이스케이프 키 코드는 무엇입니까?키에는 키코드 13이 있어야 합니다.안 되나요?키코드 13은..

programing 2023.10.24

Pure css 닫기 버튼

Pure css 닫기 버튼 JSFiddle 그 링크에 있는 X와 같은 것을 순수한 CSS로 만들 수 있는 방법이 있습니까? 저는 이 문제에 필요한 시간보다 더 많은 시간을 들였고, 명백한 이유로 IE에서 테스트를 하지 않았습니다.그건 그렇지만, 거의 똑같습니다. http://jsfiddle.net/adzFe/14/ a.boxclose{ float:right; margin-top:-30px; margin-right:-30px; cursor:pointer; color: #fff; border: 1px solid #AEAEAE; border-radius: 30px; background: #605F61; font-size: 31px; font-weight: bold; display: inline-block; l..

programing 2023.10.24

스크롤IntoView는 모든 브라우저에서 작동합니까?

스크롤IntoView는 모든 브라우저에서 작동합니까? 요?scrollIntoView()모든 브라우저에서 작동합니까? 않다면면이 .jQuery대안?지원은 되지만 사용자 경험은... 나쁘죠 @9bits가 지적했듯이, 이는 오랫동안 모든 주요 브라우저에서 지원되어 왔습니다.그건 걱정할 필요 없어요.가장 큰 문제는 작동 방식입니다.페이지 끝에 있을 수 있는 특정 요소로 이동할 뿐입니다.사용자는 다음 사항을 파악할 수 없습니다. 페이지가 스크롤업되었습니다. 페이지가 스크롤 다운되었습니다. 그들은 다른 곳으로 옮겨졌습니다. 처음 두 개는 스크롤 위치로 결정할 수 있습니다. 그런데 누가 점프를 하기 전에 사용자가 스크롤 위치를 기록했다고 합니까?그래서 그것은 결정적이지 않은 행동입니다. 마지막은 특히 페이지가 보이지..

programing 2023.10.04

jQuery의 "val()"이(가) 작동하지 않습니다.

jQuery의 "val()"이(가) 작동하지 않습니다. jQuery를 사용하여 숨겨진 필드의 값을 형태로 설정하려고 했지만 성공하지 못했습니다. 여기 문제를 설명하는 샘플 코드가 있습니다.입력 유형을 "text"로 유지하면 문제없이 작동합니다.그러나 입력 유형을 "숨김"으로 변경하면 작동하지 않습니다! Name: Change value for the text field 또한 입력 유형을 "텍스트"로 설정한 다음 입력 상자에 "display:none" 스타일을 사용하여 다음과 같은 해결 방법을 시도했습니다.그러나 이 또한 실패합니다! jQuery가 숨김 또는 보이지 않는 입력 필드를 설정하는 데 문제가 있는 것 같습니다. 무슨 생각 있어요?실제로 작동하는 해결책이 있습니까?:text합니다인 합니다.hidd..

programing 2023.10.04

자바스크립트 객체의 src와 id로 JQuery로 새로운 img 태그를 만드는 방법?

자바스크립트 객체의 src와 id로 JQuery로 새로운 img 태그를 만드는 방법? 저는 JQuery를 기본적인 의미로 이해하지만 확실히 처음 접합니다. 그리고 이것이 매우 쉽다고 생각합니다. JSON 응답에 이미지 src와 id가 있고(오브젝트로 변환됨) 따라서 responseObject.imgurl과 responseObject.imgid에 정확한 값이 있습니다. 이제 이미지를 만들어서 div에 추가하려고 합니다(부름).. 저는 역동적으로 건설하는 것에 약간 갇혀있습니다.- 제가 본 대부분의 예는 기존 이미지에 src를 교체하는 것이지만, 저는 기존 이미지가 없습니다.jQuery에서는 아래와 같이 HTML 문자열을 생성자에게 전달하여 새 요소를 만들 수 있습니다. var img = $(''); //E..

programing 2023.09.19

웹팩으로 실제 Window 개체에 jQuery 노출

웹팩으로 실제 Window 개체에 jQuery 노출 브라우저의 개발자 콘솔 내부에서 접근 가능한 글로벌 윈도우 객체에 jQuery 객체를 노출하고 싶습니다.이제 웹팩 구성에는 다음과 같은 행이 있습니다. plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] 이 줄들은 내 웹팩 모듈의 각 파일에 jQuery 정의를 추가합니다.그러나 프로젝트를 빌드하고 개발자 콘솔에서 jQuery에 액세스하려고 하면 다음과 같습니다. window.$; window.jQuery; 이 속성들은 정의되지 않은... 이것을 고칠 방법이 있습니까?노출 로더를 사용해야 합니다. npm install expose-loader --save-dev 필요할 때 이..

programing 2023.09.19
반응형