jquery 37

페이지 로딩 후 jquery code 하는 방법?

페이지 로딩 후 jquery code 하는 방법? 페이지에서 이벤트가 작동하려면 $(문서) 안에 이벤트를 호출해야 합니다.레디 () 기능.DOM이 로드되자마자 페이지 내용이 로드되기 전에 그 안에 있는 모든 것이 로드됩니다. 페이지 내용이 로드된 후에만 자바스크립트 코드를 하고 싶은데 어떻게 해야 하나요?사용하다load대신에ready: $(document).load(function () { // code here }); 업데이트사용해야 합니다..on()jQuery 1.8. (http://api.jquery.com/on/) $(window).on('load', function() { // code here }); 다음 답변에서: http://blog.jquery.com/2016/06/09/jquery-3-..

programing 2023.09.24

URL에 추가 및 새로 고침 페이지

URL에 추가 및 새로 고침 페이지 현재 URL에 매개 변수를 추가하고 페이지를 새로 고치는 자바스크립트를 작성하려고 합니다. 어떻게 해야 합니까?해결책: let url = window.location.href; if (url.indexOf('?') > -1){ url += '&param=1' } else { url += '?param=1' } window.location.href = url; 인정된 답변보다 짧지만, 동일한 작업을 수행하지만, 단순하게 유지합니다. window.location.search += '&param=42'; 전체 url을 변경할 필요는 없고, 위치의 검색 속성으로 알려진 쿼리 문자열만 변경할 필요가 있습니다. 검색 속성에 값을 할당할 때 브라우저에 의해 자동으로 물음표가 삽입되..

programing 2023.09.24

커서 위치를 잃지 않고 입력 값 업데이트

커서 위치를 잃지 않고 입력 값 업데이트 이 질문에는 이미 다음과 같은 답변이 있습니다. 자바스크립트 바꾸기에서 커서가 입력 필드 끝으로 점프하는 것을 중지합니다. (3개 답변) 닫힘3년 전에. 저는 자바스크립트를 사용하여 텍스트 상자의 값을 소문자로 지정하고 싶습니다.아래 코드를 써봤는데, 키를 누를 때마다 커서가 입력 끝으로 뜁니다.어떻게 하면 이걸 피할 수 있을까요? $("#beLowerCase").keyup(function(){ $(this).val( $(this).val().toLowerCase() ); }); $("#beLowerCase").on('input', function(){ // store current positions in variables var start = this.selec..

programing 2023.09.24

dropzone.js에서 기본 텍스트를 변경하려면 어떻게 해야 합니까?

dropzone.js에서 기본 텍스트를 변경하려면 어떻게 해야 합니까? dropzone.js를 사용하여 파일을 업로드하고 있습니다.하지만 기본 텍스트를 변경하는 데 어려움을 겪고 있습니다. 드롭존 클래스를 인스턴스화해 보았습니다. $(document).ready(function(){ $(".foo").dropzone({ dictDefaultMessage: "hello" }); }); 이 마크업을 통해: 이렇게 하면 파일을 업로드할 수 있지만 기본 텍스트는 공백입니다. 다음을 테스트했습니다. $(".foo").dropzone(); 기본 텍스트가 없는 동일한 결과를 얻은 것 같습니다.그럼.. 기본 텍스트를 변경하려면 어떻게 해야 합니까?다음과 같이 드롭존 양식에 요소를 추가합니다. Your Custom Me..

programing 2023.09.19

날짜가 과거 자바스크립트인지 확인

날짜가 과거 자바스크립트인지 확인 모두, 저는 날짜 선택기에 jQuery UI를 사용하고 있습니다.사용자가 입력한 날짜가 지난 날짜임에도 javascript로 확인하려고 합니다.양식 코드는 다음과 같습니다. 그럼 자바스크립트로 어떻게 확인하면 과거의 날짜가 아닌지 확인할 수 있을까요?감사해요. $('#datepicker').datepicker().change(evt => { var selectedDate = $('#datepicker').datepicker('getDate'); var now = new Date(); now.setHours(0,0,0,0); if (selectedDate < now) { console.log("Selected date is in the past"); } else { con..

programing 2023.09.19

텍스트 상자에 빈 값이 있는지 확인합니다.

텍스트 상자에 빈 값이 있는지 확인합니다. 다음 코드가 있습니다. var inp = $("#txt"); if(inp.val() != "") // do something inp' 변수를 사용하여 빈 텍스트 상자를 확인하는 다른 방법이 있습니까?if (inp.val().length > 0) { // do something } 당신이 더 복잡한 것을 원한다면, regex를 고려하거나 당신을 위해 이것을 처리해주는 검증 플러그인을 사용하세요.var inp = $("#txt").val(); if(jQuery.trim(inp).length > 0) { //do something } 확인하기 전에 공백을 제거합니다.사용자가 공백만 입력한 경우에도 여전히 작동합니다.if ( $("#txt").val().length >..

programing 2023.09.09

jQuery UI 대화상자에서 버튼을 비활성화하려면 어떻게 해야 합니까?

jQuery UI 대화상자에서 버튼을 비활성화하려면 어떻게 해야 합니까? jQuery UI 대화상자에서 버튼을 비활성화하려면 어떻게 해야 합니까?위 링크의 어떤 설명서에서도 찾을 수 없는 것 같습니다. 모달 컨펌("Confirm", "Cancel") 버튼 2개가 있습니다.경우에 따라서는 "확인" 버튼을 비활성화하고 싶습니다.Nick Craver가 제시한 답변의 첫 번째 부분과 유사한 이 연결된 질문에서도 누구나 이 해결책을 제안한 것 같습니다. $("#dialog").dialog({ width: 480, height: "auto", buttons: [ { id: "button-cancel", text: "Cancel", click: function() { $(this).dialog("close"); } ..

programing 2023.09.09

발견되지 않은 구문 오류: 'Document'에서 'querySelector'를 실행하지 못했습니다.

발견되지 않은 구문 오류: 'Document'에서 'querySelector'를 실행하지 못했습니다. ok 저는 각 함수의 jquery 내부에 버튼을 생성하기 위해 위의 코드를 사용했습니다.버튼이 동적으로 생성되어 버튼을 클릭하면 버튼에 진행 상황이 표시됩니다.저는 이 라다 버튼 로더를 사용하고 있습니다. btnDeactivateKeyInChildPremiumCustomerClick : function(event){ var id = event.currentTarget.id; var btnProgress = Ladda.create(document.querySelector('#'+id)); // btnProgress.start(); or btnProgress.stop(); } 그리고 위의 기능을 이벤트 처리..

programing 2023.09.04

jQuery를 사용하여 버튼으로 모든 확인란을 선택/선택 취소하려면 어떻게 해야 합니까?

jQuery를 사용하여 버튼으로 모든 확인란을 선택/선택 취소하려면 어떻게 해야 합니까? jQuery를 사용하여 모든 확인란을 선택/해제하려고 합니다.이제 상위 확인란을 선택/선택 해제하면 모든 하위 확인란이 선택/선택 해제되고 상위 확인란 텍스트도 모두 선택/선택 해제됩니다. 이제 부모 확인란을 입력 단추로 바꾸고, 단추의 텍스트도 모두 선택/선택 취소로 변경합니다.코드가 있습니다, 코드를 수정해주실 수 있는 분 있나요? $( function() { $( '.checkAll' ).live( 'change', function() { $( '.cb-element' ).attr( 'checked', $( this ).is( ':checked' ) ? 'checked' : '' ); $( this ).next..

programing 2023.09.04

jQuery를 사용하여 너비를 백분율로 설정

jQuery를 사용하여 너비를 백분율로 설정 jQuery를 사용하여 div 너비를 백분율로 설정하려면 어떻게 해야 합니까?너비 기능 사용: $('div#somediv').width('70%'); 회전: 대상: 다음은 저에게 효과적인 대안입니다. $('div#somediv').css({'width': '70%'}); 헴나트 변수가 백분율인 경우: var myWidth = 70; $('div#somediv').width(myWidth + '%'); 변수가 픽셀 단위이고 변수가 상위 항목에서 차지하는 비율을 원하는 경우: var myWidth = 140; var myPercentage = (myWidth / $('div#somediv').parent().width()) * 100; $('div#somediv'..

programing 2023.08.30