반응형

jquery 23

Enter key without submit 버튼으로 양식을 제출하시겠습니까?

Enter key without submit 버튼으로 양식을 제출하시겠습니까? 이 질문에는 이미 다음과 같은 답변이 있습니다. 닫힘11년 전에. 중복 가능: HTML : 제출 버튼 없이 enter를 눌러 양식 제출 제출 버튼을 추가하지 않고 텍스트 입력 필드에 Enter 키만으로 양식을 제출하려면 어떻게 해야 합니까? 예전에 작동했던 것으로 기억하는데, 지금 테스트해보니 제출형 입력란이 없는 한 양식이 제출되지 않습니다.$("input").keypress(function(event) { if (event.which == 13) { event.preventDefault(); $("form").submit(); } }); 양식 #양식을 양식 ID로 변경 $('#form input').keydown(funct..

programing 2023.09.18

요구사항을 사용하는 방법JS와 jQuery가 같이?

요구사항을 사용하는 방법JS와 jQuery가 같이? require를 사용하고 싶습니다.JS와 저는 jQuery를 사용하고 있습니다.요구사항의 결합 버전을 사용하고 싶지 않습니다.저는 최신 jQuery 버전을 사용하지 않기 때문에 JS와 jQuery.requireJS를 사용하는 가장 좋은 방법은 무엇입니까?그것도 나의 정확한 질문입니다!나는 또한 더 오래된 jQuery 뿐만 아니라 더 많은 "전통적인" 자바스크립트 라이브러리를 사용해야 합니다.어떻게 하는 것이 가장 좋을까요? (괜찮으시다면 질문 내용을 좀 더 폭넓게 수정해 드리겠습니다.)여기 제가 배운 것이 있습니다. Require JS의 저자인 James Burke는 결합된 Require의 장점에 대해 설명했습니다.JS + jQuery 파일.두 가지가 ..

programing 2023.09.18

페이지 로드가 완료되었는지 여부 감지

페이지 로드가 완료되었는지 여부 감지 페이지의 모든 콘텐츠, 자바스크립트 및 CSS 및 이미지와 같은 자산 로드가 완료되면 이를 감지할 수 있는 방법이 있습니까? 예를 들어 다음과 같습니다. if(PAGE HAS FINISHED LOADING) { // do something amazing } 또한 페이지가 1분 이상 로드된 경우 다음과 같은 작업을 수행합니다. if(PAGE HAS BEEN LOADING FOR 1 MIN) { // do something else amazing } 저는 애플의 모바일미와 같은 웹사이트들이 비슷한 검사를 하는 것을 보았지만, 그들의 거대한 코드 라이브러리에서는 그것을 알아낼 수 없었습니다. 누가 도와줄 수 있습니까? 감사해요. 편집: 이것이 근본적으로 제가 하고 싶은 일..

programing 2023.09.18

jQuery 플러그인이 로드되었는지 확인하려면 어떻게 해야 합니까?

jQuery 플러그인이 로드되었는지 확인하려면 어떻게 해야 합니까? 특정 플러그인이 사용 가능한지 확인할 수 있는 방법이 있습니까? 로드되는 다른 플러그인에 의존하는 플러그인을 개발하고 있다고 상상해 보십시오. 예를 들어 jQuery Validation 플러그인이 날짜를 사용하기를 원합니다.지정된 날짜가 유효한지 확인하는 JS 라이브러리.날짜가 지정된 경우 jQuery Valdation 플러그인에서 탐지하는 가장 좋은 방법은 무엇입니까?JS 가능했어요?일반적으로 jQuery 플러그인은 jQuery 범위의 네임스페이스입니다.단순 검사를 실행하여 네임스페이스가 존재하는지 확인할 수 있습니다. if(jQuery().pluginName) { //run plugin dependent code } dateJs는 그..

programing 2023.09.08

jQuery get the image src

jQuery get the image src 버튼을 클릭하면 특정 img src를 얻을 수 있고 div 클래스에서 img src를 보여주면 좋겠습니다.img-block막다른 골목 HTML Click CSS .img-block{ position: absolute; top:10%; right:10%; background-color: red; width: 500px; height: 500px; } .img1 img{ width: 200px; } JS $('.button').click(function(){ var images = $('.img1 img').attr(src); alert(images); }); 하지만 지금 문제는 img src를 받는 것입니다. 그래서 저는 테스트를 위해 경보를 사용합니다. 결과적..

programing 2023.09.08

JavaScript 및 jQuery를 사용한 크로스 브라우저 키 누르기 이벤트(F1-F12) 처리

JavaScript 및 jQuery를 사용한 크로스 브라우저 키 누르기 이벤트(F1-F12) 처리 자바스크립트와 jQuery를 이용하여 F1-F12 키를 처리하고 싶습니다. 피해야 할 함정이 무엇인지 확신할 수 없으며, 현재 Internet Explorer 8, Google Chrome 및 Mozilla FireFox 3 이외의 다른 브라우저에서 구현을 테스트할 수 없습니다. 전체 크로스 브라우저 솔루션에 대한 제안 사항이 있습니까?잘 테스트된 jQuery 라이브러리나 바닐라 jQuery/JavaScript 같은 것?일반적으로 기능 키를 가로채는 것은 나쁜 생각이라는 윌리엄의 말에 동의합니다.그렇긴 하지만, 저는 이 기능뿐만 아니라 다른 키보드 단축키와 조합을 매우 교묘하게 추가한 바로 가기 라이브러리를..

programing 2023.09.03

온라인/오프라인 이벤트 크로스 브라우저를 탐지하는 방법은 무엇입니까?

온라인/오프라인 이벤트 크로스 브라우저를 탐지하는 방법은 무엇입니까? 저는 HTML5 온라인 및 오프라인 이벤트를 사용하여 브라우저가 오프라인으로 전환되는 시기를 정확하게 감지하려고 합니다. 내 코드는 다음과 같습니다. 파이어폭스나 IE에서 "오프라인 작업"을 누르면 잘 작동하지만 실제로 전선을 뽑으면 무작위로 작동합니다. 이러한 변화를 감지하는 가장 좋은 방법은 무엇입니까?시간 초과로 아약스 통화를 반복하는 것을 피하고 싶습니다.2011년 현재, 다양한 브라우저 공급업체들은 오프라인을 정의하는 방법에 대해 합의할 수 없습니다.일부 브라우저에는 오프라인 작업 기능이 있으며, 이 기능은 인터넷 액세스와 다른 네트워크 액세스와는 별개의 것으로 간주됩니다.모든 것이 엉망진창입니다.일부 브라우저 공급업체는 실제..

programing 2023.08.29

하나를 제외한 모든 클래스 제거

하나를 제외한 모든 클래스 제거 몇 가지 jQuery 작업을 통해 특정 div에 많은 클래스를 추가할 수 있습니다. 몇 번의 클릭과 다른 것들로 디브는 많은 수업을 받습니다. 그러면 하나를 제외한 모든 클래스를 제거하려면 어떻게 해야 합니까?제가 생각해낸 유일한 아이디어는 다음과 같습니다. $('#container div.cleanstate').removeClass().addClass('cleanstate'); 하는 동안에removeClass()모든 수업을 죽이고, 디브는 엉망이 되지만, 그 직후에 추가합니다.addClass('cleanstate')정상으로 돌아갑니다.다른 해결책은 기본 CSS 속성이 삭제되지 않도록 ID 속성을 넣는 것입니다. 이것은 성능을 향상시키기도 하지만, 저는 단지 ".clean..

programing 2023.08.19

Twitter 부트스트랩 경고 메시지가 닫혔다가 다시 열립니다.

Twitter 부트스트랩 경고 메시지가 닫혔다가 다시 열립니다. 경고 메시지에 문제가 있습니다.정상적으로 표시되며 사용자가 누르면 닫을 수 있습니다.x할때들어 버튼 이벤트 되지 않습니다. ( 메시지를하면 (으)로 되는 것과 같습니다. (으)로 표시됩니다.[]제 있습니다:) 내 코드는 다음과 같습니다. × Warning! Best check yo self, you're not looking too good. 이벤트: $(".alert").show(); P.S! 일부 이벤트(예: 버튼 클릭)가 발생한 후에만 경고 메시지를 표시해야 합니다.아니면 제가 뭘 잘못하고 있는 걸까요?데이터 제거는 요소를 완전히 제거합니다.대신 jQuery의 .hide() 메서드를 사용합니다. Fix-it-quick: 다음과 같이 클..

programing 2023.08.19

동적으로 생성된 요소에 날짜 선택기() 배치 - JQuery/JQueryUI

동적으로 생성된 요소에 날짜 선택기() 배치 - JQuery/JQueryUI 텍스트 상자를 동적으로 만들었는데, 각 텍스트 상자가 클릭하면 달력을 표시할 수 있기를 바랍니다.사용 중인 코드는 다음과 같습니다. $(".datepicker_recurring_start" ).datepicker(); 모든 텍스트 상자에 datepicker_recurring_start라는 클래스가 있지만 첫 번째 텍스트 상자에서만 작동합니다. 도와주셔서 정말 감사합니다!비결은 다음과 같습니다. $('body').on('focus',".datepicker_recurring_start", function(){ $(this).datepicker(); });​ 데모 그$('...selector..').on('..event..', '....

programing 2023.08.14
반응형