반응형

jquery 25

루프에 대한 클릭 핸들러 할당

루프에 대한 클릭 핸들러 할당 나는 디브를 몇번 하고 있습니다.#mydiv1,#mydiv2,#mydiv3, ...클릭 핸들러를 이들에게 할당하려고 합니다. $(document).ready(function(){ for(var i = 0; i < 20; i++) { $('#question' + i).click( function(){ alert('you clicked ' + i); }); } }); 보여주는 대신에.'you clicked 3'클릭시#mydiv3(다른 한번의 클릭마다) 이해합니다.'you clicked 20'. 내가 뭘 잘못하고 있는 거지?자바스크립트에서 루프에 클로징을 만드는 것은 흔한 실수입니다.다음과 같은 일종의 콜백 기능이 필요합니다. function createCallback( i ){..

programing 2023.10.29

ID를 복제하고 변경하는 방법은?

ID를 복제하고 변경하는 방법은? ID를 복제한 다음에 번호를 추가해야 합니다.id1,id2, 등. 클론을 누를 때마다 클론은 ID의 가장 최근 번호 뒤에 붙여집니다. $("button").click(function() { $("#id").clone().after("#id"); }); $('#cloneDiv').click(function(){ // get the last DIV which ID starts with ^= "klon" var $div = $('div[id^="klon"]:last'); // Read the Number from that DIV's ID (i.e: 3 from "klon3") // And increment that number by 1 var num = parseInt( $d..

programing 2023.10.24

데이터 변환 방법javascript로 파일 개체에 URL을 지정하시겠습니까?

데이터 변환 방법javascript로 파일 개체에 URL을 지정하시겠습니까? 이 질문에는 이미 다음과 같은 답변이 있습니다. Data URI를 파일로 변환한 다음 FormData에 추가 (14개 답변) 닫힘4개월 전에. 데이터를 변환해야 합니다.AJAX를 사용하여 파일을 전송하기 위해 자바스크립트로 파일 개체에 URL을 지정합니다.가능합니까?만약 그렇다면 방법을 알려주시기 바랍니다.ajax를 통해 보내야 한다면 ajax를 사용할 필요가 없습니다.File개체,만Blob그리고.FormData물건이 필요합니다. 참고로, 그냥 base64 문자열을 ajax를 통해 서버로 보내고 PHP의 것을 사용하여 바이너리 서버 쪽으로 변환하는 것이 어떻습니까?base64_decode예를 들면요?어쨌든 이 답변의 표준 호환 ..

programing 2023.10.24

jQuery derped의 "그때" 방법을 언제 사용해야 하고 "파이프" 방법을 언제 사용해야 합니까?

jQuery derped의 "그때" 방법을 언제 사용해야 하고 "파이프" 방법을 언제 사용해야 합니까? jQuery's에는 비동기식 함수 체이닝을 구현하는 데 사용할 수 있는 두 가지 함수가 있습니다. then() deferred.then( doneCallbacks, failCallbacks ) Returns: Deferred doneCallbacks Depended가 해결되면 호출되는 함수 또는 함수 배열. failCallback Depended가 거부될 때 호출되는 함수 또는 함수 배열. pipe() deferred.pipe( [doneFilter] [, failFilter] ) Returns: Promise doneFilter Depended가 해결될 때 호출되는 선택적 기능입니다. failFilt..

programing 2023.10.19

애니메이션 요소 변환 회전

애니메이션 요소 변환 회전 jQuery 로 해야 ?.animate()는 아래 애니메이션하고 만, 저는 아래 라인을 사용하고 있는데, 현재 불투명도를 올바르게 애니메이션화하고 있습니다만, 이것은 CSS3 변환을 지원합니까? $(element).animate({ opacity: 0.25, MozTransform: 'rotate(-' + -amount + 'deg)', transform: 'rotate(' + -amount + 'deg)' }); 기본 애니메이션은 숫자가 아닌 CSS 속성을 애니메이션화할 수 없는 것으로 알고 있습니다. 단계 기능과 사용자 브라우저에 적합한 cs3 변환을 사용하여 이 작업을 수행할 수 있다고 생각합니다.CSS3 변환은 모든 브라우저를 포함하기에는 다소 까다롭습니다(예를 들어, ..

programing 2023.10.14

입력에 초점이 맞추어져 있는지 확인하는 Javascript/jQuery

입력에 초점이 맞추어져 있는지 확인하는 Javascript/jQuery 이 질문에는 이미 다음과 같은 답변이 있습니다. jQuery를 사용하여 입력에 포커스가 있는지 테스트 (15개 답변) 닫힘10년 전에. 다음 시간을 감지하려면 어떻게 해야 합니까?.click텍스트 영역이 이미 포커스된 경우 이벤트 트리거? 나는 다음과 같은 질문을 받고 있습니다. $(".status").on("click","textarea",function(){ if ($(this) == "focused") { // fire this step }else{ $(this).focus(); // fire this step } 순수 자바스크립트 사용: this === document.activeElement // where 'this' is..

programing 2023.10.09

event.preventDefault를 다시 활성화하는 방법?

event.preventDefault를 다시 활성화하는 방법? 모든 제출 단추에서 기본 작업을 방지한 웹 페이지가 있지만 단추에서 기본 제출 작업을 다시 활성화하려면 어떻게 해야 합니까? 현재 다음을 사용하여 기본 작업을 방지하고 있습니다. $("form").bind("submit", function(e){ e.preventDefault(); }); 다음을 사용하여 이 작업을 성공적으로 수행했습니다. $(document).ready(function(){ $("form:not('#press')").bind("submit", function(e){ e.preventDefault(); }); 그런데 버튼을 클릭하면 동적으로 할 수 있는 건가요?이벤트를 바인딩 해제하고 Default를 방지하지 않는 별도의 이벤..

programing 2023.10.04

.ready() 중에 문서 제목을 변경하려면 어떻게 해야 합니까?

.ready() 중에 문서 제목을 변경하려면 어떻게 해야 합니까? 저는 Ruby on Rails에서 중첩된 레이아웃을 사용하고 있는데, 레이아웃 중 하나에서 div의 문자열로 읽고 문서의 제목으로 설정해야 합니다.문서의 제목을 설정하는 올바른 방법은 무엇입니까? 아래 내용이 효과가 있어야 하는데 SEO와 호환이 안 될 것 같습니다.제목표에 제목을 넣는 것이 가장 좋습니다. 사용하지않음$('title').text('hi'), IE가 그것을 지지하지 않기 때문입니다. 사용하는 것이 좋습니다.document.title = 'new title';이것은 모든 브라우저에서 정상적으로 작동합니다. $(document).attr("title", "New Title"); IE에서도 작동됨다음과 같은 경우: $(docum..

programing 2023.09.14

Twitter 부트스트랩 텍스트 상자 글로우 및 섀도 재정의

Twitter 부트스트랩 텍스트 상자 글로우 및 섀도 재정의 텍스트 상자와 테두리의 블루 글로우를 제거하고 싶은데 js나 CSS를 재정의하는 방법을 모르겠습니다. 여기를 확인하십시오. 편집 1 jquery plugin Tag-it을 사용하고 있고 twitter bootstrap을 사용하고 있기 때문에 이렇게 하고 싶습니다. 플러그인은 숨겨진 textField를 사용하여 태그를 추가하지만 twitter bootstrap을 사용하면 텍스트 상자 안에 글로우가 있는 텍스트 상자로 표시되는데 약간 이상합니다..simplebox { outline: none; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !im..

programing 2023.09.09

모달의 부트스트랩 3 및 유튜브

모달의 부트스트랩 3 및 유튜브 저는 제 유튜브 영상을 보여주기 위해 부트스트랩 3의 모달 기능을 사용하려고 합니다.작동은 되는데 유튜브 영상에서 버튼을 클릭할 수가 없어요. 도와드릴까요? 내 코드는 다음과 같습니다. My video × 저는 이 문제(또는 https://github.com/twbs/bootstrap/issues/10489) 에서 CSS3 변환(변환)과 관련하여 발견하고 설명한 문제)를 발견했습니다..modal.fade .modal-dialog학생들 bootstrap.css에서 아래와 같은 행을 찾을 수 있습니다. .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25..

programing 2023.09.04
반응형