반응형

jQuery 26

Google CDN의 최신 jQuery 버전

Google CDN의 최신 jQuery 버전 구글 CDN의 공식 문서에서 읽었습니다.srcjQuery에게: 하지만 jQuery를 바꿔야 하는 것은 귀찮은 일입니다.src각 버전 업데이트 시 참조. 버전을 다음으로 설정하면1구글은 jQuery의 최신 버전을 반환합니다. http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js /*! jQuery v1.8.2 jquery.com | jquery.org/license */ 이게 옳은 일입니까?구글 CDN에서 호스팅하는 jQuery의 최신 버전을 참조할 수 있는 공식적인 URL이 있습니까?업데이트 7/3/2014: 현재jquery-latest.js더 이상 업데이트되지 않습니다.jQuery 블로그에서: 우리는 ht..

programing 2023.11.06

javascript code 실행 전에 javascript 파일이 모두 로딩될 때까지 기다리는 것이 가능합니까?

javascript code 실행 전에 javascript 파일이 모두 로딩될 때까지 기다리는 것이 가능합니까? 우리는 마스터 페이지 하단에 로드되는 자바스크립트 파일이 몇 개 있습니다.하지만 다른 스크립트가 로딩되기 전에 자바스크립트를 수행해야 하는 상황이 생겼습니다.모든 자바스크립트 파일이 로드될 때까지 기다렸다가 일부 자바스크립트 코드를 실행할 수 있습니까? 내 생각에는 말이지…$(document).ready()이런 짓을 했지만, 알고 보니 그렇지 않아요.물론 스크립트 파일을 아래에서 위로 옮길 수는 있지만, 제가 원하는 것으로 가능한지 궁금합니다.사용가능 $(window).on('load', function() { // your code here }); 페이지가 로드될 때까지 기다립니다.$(doc..

programing 2023.11.06

부트스트랩에서 토글 버튼을 만드는 방법

부트스트랩에서 토글 버튼을 만드는 방법 저는 원래 HTML, CSS, 자바스크립트로 웹앱을 만들다가 부트스트랩에서도 다시 만들어달라는 요청을 받았습니다.잘 해냈지만 웹 앱에 원래 있던 토글 버튼 대신 라디오(원래 확인란) 버튼으로 다시 바뀐 토글 버튼이 있었습니다. 버튼의 코드는 다음과 같습니다. Notifications Preview HTML 페이지가 링크되는 자바스크립트와 CSS 파일은 다음과 같습니다. 토글 버튼을 돌려받을 수 있도록 코드를 변경하는 방법이 있습니까?2013년 최초 답변 우수한 (비공식) 부트스트랩 스위치를 사용할 수 있습니다. $("[name='my-checkbox']").bootstrapSwitch(); 라디오 타입이나 체크박스를 스위치로 사용합니다. Atype속성은 V.1.8부..

programing 2023.10.27

JQuery를 사용하여 :before css 선택기의 너비 속성 변경

JQuery를 사용하여 :before css 선택기의 너비 속성 변경 이 질문에는 이미 다음과 같은 답변이 있습니다. 자바스크립트 사용 후 :::before, :::: 등 CSS 유사 요소 선택 및 조작 (28개 답변) 닫힘4년 전에. 이미지가 들어간 페이지가 있는데 CSS selectors 전에 :를 사용해서 스타일링을 했습니다. 이미지는 동적이므로 고정된 너비가 없으므로 규칙의 너비를 동적으로 설정해야 합니다. JQuery를 이용해서 클라이언트 쪽에서 하고 싶습니다. 정: .column:before{ width: 300px; float: left; content: ""; height: 430px; } .column{ width: 500px; float: right; padding: 5px; overf..

programing 2023.10.17

jQuery: 선택한 파일 이름을 가져옵니다.jQuery: 선택한 파일 이름을 가져옵니다.

jQuery: 선택한 파일 이름을 가져옵니다. 이 코드는 IE에서 작동해야 하지만(Firefox에서는 테스트조차 하지 않음), 작동하지 않습니다.제가 원하는 것은 첨부 파일의 이름을 표시해 주는 것입니다.도와줄 사람? (less than 1MB) 글을 쓰는 것과 마찬가지로 간단합니다. $('input[type=file]').val() 어쨌든 나는 당신의 입력을 선택하기 위해 이름이나 ID 속성을 사용하는 것을 제안합니다.그리고 이벤트의 경우 다음과 같이 보여야 합니다. $('input[type=file]').change(function(e){ $in=$(this); $in.next().html($in.val()); }); 가장 간단한 방법은 다음 줄을 간단히 사용하는 것입니다.jquery, 이것을 사용하..

programing 2023.10.12

jQuery: 클릭 시 설정된 증분(픽셀 단위)을 스크롤 다운 페이지로 이동하시겠습니까?

jQuery: 클릭 시 설정된 증분(픽셀 단위)을 스크롤 다운 페이지로 이동하시겠습니까? 요소를 클릭하면 페이지가 현재 위치에서 150px 아래로 스크롤되게 하려고 합니다.한 페이지를 대략 반쯤 스크롤했다고 가정해 보겠습니다.이 링크를 클릭하면 150 픽셀이 추가로 이동합니다. jQuery로 가능한가요? 스크롤 탑과 스크롤 투 플러그인을 보고 있는데 도트가 연결되지 않는 것 같습니다.var y = $(window).scrollTop(); //your current y position on the page $(window).scrollTop(y+150); 확인만 하면 됩니다. $(document).ready(function() { $(".scroll").click(function(event){ $('htm..

programing 2023.10.07

Javascript/jQuery를 사용하여 이미지가 로드되었는지 확인하려면 어떻게 해야 합니까?

Javascript/jQuery를 사용하여 이미지가 로드되었는지 확인하려면 어떻게 해야 합니까? 큰 이미지를 사용자의 브라우저 창에 맞게 크기를 조정하기 위해 자바스크립트를 작성하고 있습니다.(저는 안타깝게도 소스 이미지의 크기를 조절하지 못합니다.) 따라서 HTML에는 다음과 같은 내용이 있습니다. 요 를 제가 할 수 있는 ?src 속의 img태그가 다운로드 되었습니까? 합니다를 문제가 합니다. 왜냐하면 저는 문제가 있습니다.$(document).ready()브라우저가 이미지를 로드하기 전에 실행됩니다.$("#photo").width()그리고.$("#photo").height()자리 표시자의 크기(alt 텍스트)를 반환합니다.제 경우에는 134 x 20 정도입니다. 지금은 사진의 높이가 150 이하인지..

programing 2023.10.02

"$(.ready(handler)"가 권장되지 않는 이유는 무엇입니까?

"$(.ready(handler)"가 권장되지 않는 이유는 무엇입니까? jQuery API 문서 사이트에서 다음을 위해ready 다음 세 가지 구문은 모두 동일합니다. $(document).준비 완료(handler) $(.ready(handler)(권장되지 않음) $(handler) 숙제를 하고 난 후 - 읽기와 소스코드를 가지고 놀고 난 후, 나는 왜 그런지 모르겠어요. $().ready(handler) 권장되지 않습니다. 번째 세 방법은 세 하고, jQuery에서 준비합니다를된합니다.document: rootjQuery = jQuery(document); ... ... // HANDLE: $(function) // Shortcut for document ready } else if ( jQuery.i..

programing 2023.10.02

왜 jQuery를 두번 선언합니까?

왜 jQuery를 두번 선언합니까? 이 질문에는 이미 다음과 같은 답변이 있습니다. 두 개의 다른 호출로 스크립트를 포함하는 이유는 무엇입니까? (6개 답변) 닫힘7년 전에. 다음 코드의 목적은 무엇입니까? 아래의 두번째 스크립트 코드 전에jquery.min.js에 이미 포함되어 있습니다.googleapis. 그것은 뒤로 물러나는 것입니다.jquery.min.jsCDN이 다운되었거나 도달할 수 없을 때 동일한 서버에 저장된 파일입니다. 본질적으로 이렇게 말하고 있습니다. // 1. Try to download and run https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js // 2. Was jQuery successfully loaded ..

programing 2023.09.27

jQuery - 입력 필드의 관련 레이블 요소를 선택합니다.

jQuery - 입력 필드의 관련 레이블 요소를 선택합니다. 이 질문에는 이미 다음과 같은 답변이 있습니다. 지정된 입력과 연관된 HTML 레이블 찾기 (23개 답변) 닫힘9년 전에. 입력 필드 세트가 있으며 일부는 레이블이 연결되어 있고 일부는 연결되어 있지 않습니다. bla bla 그렇다면 각 입력에 대한 관련 레이블이 존재할 경우 어떻게 선택할 수 있습니까?를 사용하여 요소의 순서에 의존해서는 안 됩니다.prev아니면next. 그냥.for현재 조작 중인 요소의 ID에 해당해야 하는 레이블의 속성: var label = $("label[for='" + $(this).attr('id') + "']"); 하지만 라벨에 다음과 같은 내용이 포함되지 않는 경우도 있습니다.forset. 이 경우 레이블은 관련..

programing 2023.09.07
반응형