코딩하다 현타올 때

질문 : jQuery를 사용하여“Please Wait, Loading…”애니메이션을 어떻게 만들 수 있습니까? 내 사이트에 "잠시 기다려주십시오.로드 중"회전하는 원 애니메이션을 배치하고 싶습니다. jQuery를 사용하여 어떻게해야합니까? 답변 다양한 방법으로이 작업을 수행 할 수 있습니다. "로드 중 ..."이라는 페이지의 작은 상태처럼 미묘하거나 새 데이터가로드되는 동안 전체 요소가 페이지를 회색으로 표시하는 것처럼 시끄러울 수 있습니다. 아래에서 취하는 접근 방식은 두 가지 방법을 모두 수행하는 방법을 보여줍니다. 설정 http://ajaxload.info 에서 멋진 "로드"애니메이션을 가져 와서 시작하겠습니다. ajax 요청을 할 때마다 표시 / 숨길 수있는 요소를 만들어 보겠습니다. CSS 다음..

질문 : jQuery 텍스트 영역에서 커서 위치 설정 jQuery를 사용하여 텍스트 필드에서 커서 위치를 어떻게 설정합니까? 콘텐츠가있는 텍스트 필드가 있고 사용자가 필드에 초점을 맞출 때 특정 오프셋에 사용자 커서가 위치하기를 원합니다. 코드는 다음과 같아야합니다. $('#input').focus(function() { $(this).setCursorPosition(4); }); setCursorPosition 함수의 구현은 어떻게 생겼습니까? 내용이 abcdefg 인 텍스트 필드가있는 경우이 호출은 커서가 abcd ** | ** efg와 같이 배치되도록합니다. Java에는 비슷한 기능인 setCaretPosition이 있습니다. 자바 스크립트에도 비슷한 방법이 있습니까? 업데이트 : 다음과 같이 jQ..

질문 : jQuery.Ajax로 파일 다운로드 파일 다운로드를 위해 서버 측에 Struts2 작업이 있습니다. text/plain imageStream attachment;filename={fileName} 1024 그러나 jQuery를 사용하여 작업을 호출 할 때 : $.post( "/download.action",{ para1:value1, para2:value2 .... },function(data){ console.info(data); } ); Firebug에서 데이터는 Binary 스트림으로 검색됩니다. 사용자가 파일을 로컬에 저장할 수 있는 파일 다운로드 창 을 여는 방법이 궁금합니다. 답변 2019 최신 브라우저 업데이트 이것은 몇 가지주의 사항과 함께 지금 권장하는 접근 방식입니다. 비교적..

질문 : '$ (document) .ready ()'에 해당하는 비 jQuery는 무엇입니까? $(document).ready() 와 동등한 비 jQuery는 무엇입니까? 답변 이것은 ECMA에서 완벽하게 작동합니다. 스니펫만 있으면 되지만 더 파고 다른 옵션을 탐색하려면 이 항목을 확인하십시오. 상세한 설명. document.addEventListener("DOMContentLoaded", function() { // code... }); $(document).ready는 DOM 트리만 기다리는 동안 window.onload는 외부 자산 및 이미지를 포함한 모든 요소를 ​​확인하기 때문에 window.onload는 JQuery $(document).ready와 같지 않습니다. 편집: Jan Derk의 ..

질문 : jQuery document.createElement에 해당합니까? 나는 오래된 JavaScript 코드를 리팩토링하고 있으며 많은 DOM 조작이 진행되고 있습니다. var d = document; var odv = d.createElement("div"); odv.style.display = "none"; this.OuterDiv = odv; var t = d.createElement("table"); t.cellSpacing = 0; t.className = "text"; odv.appendChild(t); jQuery를 사용하여 더 나은 방법이 있는지 알고 싶습니다. 나는 다음과 같은 실험을 해왔다. var odv = $.create("div"); $.append(odv); // And m..

질문 : jQuery UI DatePicker-날짜 형식 변경 독립 실행 형 선택기로 jQuery UI의 UI DatePicker를 사용하고 있습니다. 이 코드가 있습니다. 그리고 다음 JS : $('#datepicker').datepicker(); 이 코드로 값을 반환하려고 할 때 : var date = $('#datepicker').datepicker('getDate'); 나는 이것을 돌려 받았다 : Tue Aug 25 2009 00:00:00 GMT+0100 (BST) 완전히 잘못된 형식입니다. DD-MM-YYYY 형식으로 반환 할 수있는 방법이 있습니까? 답변 다음은 코드에 대한 구체적인 내용입니다. var date = $('#datepicker').datepicker({ dateFormat: '..

질문 : $ (document) .jQuery 없이도 동등 함 $(document).ready 사용하는 스크립트가 있지만 jQuery에서 다른 것을 사용하지 않습니다. jQuery 종속성을 제거하여 가볍게하고 싶습니다. jQuery를 사용하지 않고 내 자신의 $(document).ready 내가 사용하는 것을 알고 window.onload 등, 동일하지 않습니다 window.onload 모든 이미지, 프레임, 등 후 화재가로드되었다. 답변 IE8은 아니지만 99 % 이상의 브라우저 에서 지원하는 표준 기반 대체 DOMContentLoaded 가 있습니다. document.addEventListener("DOMContentLoaded", function(event) { //do work }); jQuery..

질문 : JS / jQuery에서 화살표 키 바인딩 Javascript 및 / 또는 jQuery의 왼쪽 및 오른쪽 화살표 키에 함수를 바인딩하는 방법은 무엇입니까? jQuery 용 js-hotkey 플러그인 (특정 키를 인식하는 인수를 추가하기 위해 내장 된 바인드 기능을 래핑)을 살펴 보았지만 화살표 키를 지원하지 않는 것 같습니다. 답변 document.onkeydown = function(e) { switch(e.which) { case 37: // left break; case 38: // up break; case 39: // right break; case 40: // down break; default: return; // exit this handler for other keys } e.p..

질문 : 배열에 JavaScript / jQuery의 특정 문자열이 포함되어 있는지 확인하는 방법은 무엇입니까? "specialword" 가 배열에 나타나는지 감지하는 방법을 알려줄 수 있습니까? 예: categories: [ "specialword" "word1" "word2" ] 답변 이것을 위해 jQuery가 정말로 필요하지 않습니다. var myarr = ["I", "like", "turtles"]; var arraycontainsturtles = (myarr.indexOf("turtles") > -1); 힌트 : indexOf는 지정된 검색 값이 처음 발생하는 위치를 나타내는 숫자를 반환하거나 발생하지 않는 경우 -1을 반환합니다. 또는 function arrayContains(needle, a..

질문 : jQuery에 테이블 행 추가 테이블에 추가 행을 마지막 행으로 추가하는 jQuery에서 가장 좋은 방법은 무엇입니까? 이것이 허용됩니까? $('#myTable').append('my datamore data'); 이와 같은 테이블에 추가 할 수있는 항목 (예 : 입력, 선택, 행 수)에 제한이 있습니까? 답변 당신이 제안한 접근 방식이 당신이 찾고있는 결과를 보장 할 수는 없습니다. 예를 들어 tbody ... ... 결국 다음과 같이됩니다. ... ... ... 따라서 대신이 방법을 권장합니다. $('#myTable tr:last').after('......'); 위의 예에 따라 여러 행을 포함하여 유효한 HTML 인 after() 메서드 내에 모든 것을 포함 할 수 있습니다. 업데이트 : ..

질문 : jQuery를 사용하는 이스케이프 키의 키 코드 두 가지 기능이 있습니다. Enter 키를 누르면 함수가 제대로 실행되지만 이스케이프를 누르면 실행되지 않습니다. 이스케이프 키의 올바른 번호는 무엇입니까? $(document).keypress(function(e) { if (e.which == 13) $('.save').click(); // enter (works as expected) if (e.which == 27) $('.cancel').click(); // esc (does not work) }); 답변 keyup 이벤트로 시도하십시오. $(document).on('keyup', function(e) { if (e.key == "Enter") $('.save').click(); if (e..

질문 : jQuery의 $ .ready ()와 동등한 순수 JavaScript-페이지 / DOM이 준비되었을 때 함수를 호출하는 방법 jQuery로 우리 모두는 멋진 .ready() 함수를 알고 있습니다. $('document').ready(function(){}); 그러나 라이브러리를 지원하지 않는 표준 JavaScript로 작성된 함수를 실행하고 페이지가 처리 할 준비가되는 즉시 함수를 시작하고 싶다고 가정 해 보겠습니다. 이에 접근하는 적절한 방법은 무엇입니까? 나는 내가 할 수 있다는 것을 안다. window.onload="myFunction()"; body 태그를 사용할 수 있습니다. 또는 모든 작업 후에 페이지 하단에서 시도 할 수도 있지만 끝 body 또는 html 태그는 다음과 같습니다. ..

질문 : jQuery 지연 및 약속-.then () 대 .done () 나는 jQuery 지연 및 약속에 대해 읽었으며 성공적인 콜백을 위해 .then() 및 .done() Eric Hynds 가 .done() 및 .success() 가 동일한 기능에 매핑된다는 것을 알고 있지만 모든 콜백이 성공적인 작업 완료시 모두 호출 .then() 누구든지 올바른 사용법을 가르쳐 주시겠습니까? 답변 done() 연결된 콜백은 지연이 해결 될 때 발생합니다. fail() 연결된 콜백은 지연이 거부 될 때 시작됩니다. jQuery 1.8 이전에는 then() 은 단지 구문 적 설탕이었습니다. promise.then( doneCallback, failCallback ) // was equivalent to promise..

질문 : 선택 상자의 모든 옵션을 제거한 다음 하나의 옵션을 추가하고 jQuery로 선택하는 방법은 무엇입니까? 핵심 jQuery를 사용하여 선택 상자의 모든 옵션을 제거한 다음 하나의 옵션을 추가하고 선택하는 방법은 무엇입니까? 내 선택 상자는 다음과 같습니다. 편집 : 다음 코드는 연결에 도움이되었습니다. 그러나 (Internet Explorer에서) .val('whatever') 은 추가 된 옵션을 선택하지 않았습니다. .append 와 .val 에서 동일한 '값'을 사용했습니다.) $('#mySelect').find('option').remove().end() .append('text').val('whatever'); 편집 :이 코드를 모방하기 위해 페이지 / 양식이 재설정 될 때마다 다음 코드를..

질문 : jQuery로 페이지를 새로 고치려면 어떻게해야합니까? jQuery로 페이지를 새로 고치려면 어떻게해야합니까? 답변 location.reload() : $('#something').click(function() { location.reload(); }); reload() 함수는 캐시가 아닌 서버에서 강제로 다시로드 true 로 설정할 수있는 선택적 매개 변수를 사용합니다. 매개 변수의 기본값은 false 이므로 기본적으로 페이지가 브라우저의 캐시에서 다시로드 될 수 있습니다. 출처 : https://stackoverflow.com/questions/5404839/how-can-i-refresh-a-page-with-jquery

질문 : jQuery를 사용하여 JS 객체를 배열로 변환 내 응용 프로그램은 다음과 같은 JavaScript 개체를 만듭니다. myObj= {1:[Array-Data], 2:[Array-Data]} 하지만이 객체는 배열로 필요합니다. array[1]:[Array-Data] array[2]:[Array-Data] $.each 를 반복하고 요소를 배열에 추가하여이 개체를 배열로 변환하려고했습니다. x=[] $.each(myObj, function(i,n) { x.push(n);}); 객체를 배열이나 함수로 변환하는 더 좋은 방법이 있습니까? 답변 var myObj = { 1: [1, 2, 3], 2: [4, 5, 6] }; var array = $.map(myObj, function(value, index)..

질문 : jQuery 확인란 변경 및 클릭 이벤트 $(document).ready(function() { //set initial state. $('#textbox1').val($(this).is(':checked')); $('#checkbox1').change(function() { $('#textbox1').val($(this).is(':checked')); }); $('#checkbox1').click(function() { if (!$(this).is(':checked')) { return confirm("Are you sure?"); } }); }); 여기서 .change() 는 확인란 상태로 텍스트 상자 값을 업데이트합니다. .click() 을 사용하여 선택 취소 작업을 확인합니다. 사용자가 ..

질문 : jQuery 선택기 정규식 jQuery 선택기와 함께 와일드 카드 또는 정규식 (정확한 용어에 대해서는 확실하지 않음) 사용에 대한 문서를 찾고 있습니다. 나는 이것을 직접 찾았지만 구문 및 사용 방법에 대한 정보를 찾을 수 없습니다. 구문에 대한 문서가 어디에 있는지 아는 사람이 있습니까? 편집 : 속성 필터를 사용하면 속성 값의 패턴을 기반으로 선택할 수 있습니다. 답변 James Padolsey는 정규식을 선택에 사용할 수있는 멋진 필터를 만들었습니다. div 가 있다고 가정합니다. Padolsey의 :regex 필터는 다음과 같이 선택할 수 있습니다. $("div:regex(class, .*sd.*)") 또한 선택자에 대한 공식 문서를 확인하십시오. jQuery.expr[':'] 는 이미..

질문 : 객체가 jQuery 객체인지 확인 객체가 jQuery 객체인지 네이티브 JavaScript 객체인지 확인하는 빠른 방법이 있습니까? 예: var o = {}; var e = $('#element'); function doStuff(o) { if (o.selector) { console.log('object is jQuery'); } } doStuff(o); doStuff(e); 분명히 위의 코드는 작동하지만 안전하지 않습니다. 잠재적으로 선택기 키를 o 객체에 추가하고 동일한 결과를 얻을 수 있습니다. 객체가 실제로 jQuery 객체인지 확인하는 더 좋은 방법이 있습니까? (typeof obj == 'jquery') 와 일치하는 것 답변 instanceof 연산자를 사용할 수 있습니다. if (..

질문 : jQuery에서 로딩 스피너를 표시하는 방법은 무엇입니까? 프로토 타입 에서 다음 코드로 "로드 중 ..."이미지를 표시 할 수 있습니다. var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: showLoad, onComplete: showResponse} ); function showLoad () { ... } jQuery 에서 다음과 같이 요소에 서버 페이지를로드 할 수 있습니다. $('#message').load('index.php?pg=ajaxFlashcard'); 하지만 프로토 타입에서했던 것처럼이 명령에 로딩 스피너를 어떻게 연결합니까? 답변 몇 가지 방법이 있습니다. 내가 선호하는 방법은 요소..

질문 : jQuery를 사용하여 드롭 다운 목록의 선택한 값 변경 알려진 값이있는 드롭 다운 목록이 있습니다. 내가하려는 것은 jQuery를 사용하여 존재하는 특정 값으로 드롭 다운 목록을 설정하는 것입니다. 일반 JavaScript를 사용하여 다음과 같이합니다. ddl = document.getElementById("ID of element goes here"); ddl.value = 2; // 2 being the value I want to set it too. 그러나 선택기 (어리석은 ASP.NET 클라이언트 ID ...)에 CSS 클래스를 사용하고 있기 때문에 jQuery 로이 작업을 수행해야합니다. 내가 시도한 몇 가지 사항은 다음과 같습니다. $("._statusDDL").val(2); //..

질문 : 순간 js 날짜 시간 비교 날짜 시간 형식을 지정하기 위해 moment.js를 사용하고 있으며 여기에는 두 개의 날짜 값이 있으며 한 날짜가 다른 날짜보다 클 때 특정 기능을 얻고 싶습니다. 대부분의 문서를 읽었지만이를 달성하는 기능을 찾지 못했습니다. 거기있을 거라는 걸 알아요. 이것은 내 코드입니다. var date_time = 2013-03-24 + 'T' + 10:15:20:12 + 'Z' var d = moment(date_time).tz('UTC'); // first date var now = new Date(), dnow = moment(now).tz('UTC'), snow = dnow.minute() % 15, diffnow = 15 - snow, tonow = moment(dno..

질문 : jQuery를 사용하여 클립 보드에 복사 버튼 클릭 div 내부의 텍스트를 클립 보드에 복사하려면 어떻게해야합니까? div가 있고 클립 보드에 텍스트를 추가 할 링크를 추가해야합니다. 이에 대한 해결책이 있습니까? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s copy Text 텍스트 복사를 클릭 한 다음 Ctrl + V를 누르면 붙여 넣어야합니다. 답변 2016 년 수정 2016 년부터는 대부분의 브라우저에서 선택 항목에서 작동 document.execCommand("co..

질문 : jQuery는 특정 옵션 태그 텍스트를 얻습니다. 좋아, 내가 이걸 가지고 있다고 말해봐 Option A Option B Option C 값이 '2'인 경우 "Option B"를 얻으려면 선택기가 어떻게 생겼습니까? 이것은 선택한 텍스트 값을 얻는 방법을 묻는 것이 아니라 값 속성에 따라 선택 여부에 관계없이 그중 하나만 묻는 것입니다. 나는 시도했다 : $("#list[value='2']").text(); 그러나 작동하지 않습니다. 답변 속성 value 이 2 list 이있는 요소를 찾고 있습니다. 원하는 것은 list option 자식입니다. $("#list option[value='2']").text() 출처 : https://stackoverflow.com/questions/196684/..

질문 : jQuery를 사용하여 양식 제출 [닫기] jQuery를 사용하여 양식을 제출하고 싶습니다. 누군가 코드, 데모 또는 예제 링크를 제공 할 수 있습니까? 답변 양식을 정상적으로 제출하는지 또는 AJAX 호출을 통해 제출하는지에 따라 다릅니다. 예제가있는 문서를 포함하여 jquery.com 에서 많은 정보를 찾을 수 있습니다. 양식을 정상적으로 제출하려면 submit() 메서드를 확인하십시오. AJAX의 ajax() 또는 post() 메소드를 사용하고 싶을 수 있지만 다양한 가능성이 있습니다. post() 는 간단하고 제한된 인터페이스를 사용 ajax() 메서드를 호출하는 정말 편리한 방법입니다. 내가 매일 사용하는 중요한 리소스는 북마크에 추가해야하는 How jQuery Works 입니다. jQ..