코딩하다 현타올 때

질문 : jQuery를 사용하여 CSS 표시 없음 또는 차단 속성을 어떻게 변경할 수 있습니까? jQuery를 사용하여 CSS 표시 없음 또는 차단 속성을 어떻게 변경할 수 있습니까? 답변 이를 수행하는 올바른 방법은 show 및 hide 를 사용하는 것입니다. $('#id').hide(); $('#id').show(); 다른 방법은 jQuery css 메서드를 사용하는 것입니다. $("#id").css("display", "none"); $("#id").css("display", "block"); 출처 : https://stackoverflow.com/questions/3582619/how-can-i-change-css-display-none-or-block-property-using-jquery

질문 : jQuery는 객체에 등록 된 이벤트 핸들러를 찾습니다. 개체에 등록 된 이벤트 처리기를 찾아야합니다. 예를 들면 : $("#el").click(function() {...}); $("#el").mouseover(function() {...}); $("#el") 에 클릭 및 마우스 오버가 등록되었습니다. 그것을 알아 내고 이벤트 핸들러를 반복하는 함수가 있습니까? 적절한 메소드를 통해 jQuery 객체에서 가능하지 않은 경우 일반 DOM 객체에서 가능합니까? 답변 jQuery 1.8부터 이벤트 데이터는 더 이상 데이터 용 "공용 API"에서 사용할 수 없습니다. 이 jQuery 블로그 게시물을 읽어보십시오. 이제 이것을 대신 사용해야합니다. jQuery._data( elem, "events" )..

질문 : jQuery에서 요소가 숨겨져 있는지 어떻게 확인합니까? .hide() , .show() 또는 .toggle() 함수를 사용하여 요소의 가시성을 전환 할 수 있습니까? visible 되는지 또는 hidden 있는지 어떻게 테스트 하시겠습니까? 답변 질문이 단일 요소를 참조하므로이 코드가 더 적합 할 수 있습니다. // Checks CSS content for display:[none|block], ignores visibility:[true|false] $(element).is(":visible"); // The same works with hidden $(element).is(":hidden"); twernt의 제안 과 동일하지만 단일 요소에 적용됩니다. jQuery FAQ에서 권장하는 알고리..

질문 : jQuery에서 텍스트 영역 값 설정 다음 코드와 함께 jquery를 사용하여 textarea 필드에 값을 설정하려고합니다. $("textarea#ExampleMessage").attr("value", result.exampleMessage); 문제는이 코드가 실행되면 텍스트 영역의 텍스트를 변경하지 않는다는 것입니다. 그러나 alert($("textarea#ExampleMessage").attr("value")) 하면 새로 설정된 값이 반환됩니까? 답변 시도해 보셨습니까? $("textarea#ExampleMessage").val(result.exampleMessage); 출처 : https://stackoverflow.com/questions/415602/set-value-of-textare..

질문 : PHP를 사용한 jQuery Ajax POST 예제 양식에서 데이터베이스로 데이터를 보내려고합니다. 내가 사용하는 양식은 다음과 같습니다. A bar 일반적인 접근 방식은 양식을 제출하는 것이지만 이로 인해 브라우저가 리디렉션됩니다. jQuery 및 Ajax를 사용하면 양식의 모든 데이터를 캡처하여 PHP 스크립트 (예 : form.php )에 제출할 수 있습니까? 답변 .ajax 기본 사용법은 다음과 같습니다. HTML : A bar jQuery : // Variable to hold request var request; // Bind to the submit event of our form $("#foo").submit(function(event){ // Prevent default post..

질문 : jQuery-텍스트 설명을 통해 선택 컨트롤의 선택된 값 설정 선택 컨트롤이 있고 javascript 변수에 텍스트 문자열이 있습니다. jQuery를 사용하여 선택 컨트롤의 선택된 요소를 내가 가지고있는 텍스트 설명이있는 항목으로 설정하고 싶습니다 (내가 가지고 있지 않은 값과 반대). 나는 그것을 가치로 설정하는 것이 매우 사소하다는 것을 알고 있습니다. 예 : $("#my-select").val(myVal); 그러나 나는 텍스트 설명을 통해 그것을하는 것에 약간 난처합니다. 텍스트 설명에서 가치를 알아낼 수있는 방법이있을 것 같지만, 제 두뇌는 금요일 오후에 너무 많아서 해결할 수 없습니다. 답변 jQuery 1.6 이하 1.4 이상 버전 var text1 = 'Two'; $("select ..

질문 : jQuery를 사용하여 드롭 다운 항목의 선택된 값 가져 오기 jQuery를 사용하여 드롭 다운 상자의 선택된 값을 어떻게 얻을 수 있습니까? 나는 사용해 보았다 var value = $('#dropDownId').val(); 과 var value = $('select#dropDownId option:selected').val(); 그러나 둘 다 빈 문자열을 반환합니다. 답변 단일 선택 DOM 요소의 경우 현재 선택된 값을 가져 오려면 다음을 수행하십시오. $('#dropDownId').val(); 현재 선택된 텍스트를 가져 오려면 : $('#dropDownId :selected').text(); 출처 : https://stackoverflow.com/questions/2780566/get-se..

질문 : jQuery $ (document) .ready 및 UpdatePanels? jQuery를 사용하여 UpdatePanel 내부의 요소에 마우스 오버 효과를 연결하고 있습니다. 이벤트는 $(document).ready 바인딩됩니다. 예를 들면 : $(function() { $('div._Foo').bind("mouseover", function(e) { // Do something exciting }); }); 물론 이것은 페이지가 처음로드 될 때 잘 작동하지만 UpdatePanel이 부분 페이지 업데이트를 수행하면 실행되지 않고 마우스 오버 효과가 UpdatePanel 내에서 더 이상 작동하지 않습니다. 첫 번째 페이지로드뿐만 아니라 UpdatePanel이 부분 페이지 업데이트를 실행할 때마다 ..

질문 : JQuery에서 each () 함수를 중단 / 종료하는 방법은 무엇입니까? 몇 가지 코드가 있습니다. $(xml).find("strengths").each(function() { //Code //How can i escape from this block based on a condition. }); 조건에 따라 "각"코드 블록에서 어떻게 벗어날 수 있습니까? 다음과 같은 것이 있으면 어떨까요? $(xml).find("strengths").each(function() { $(this).each(function() { //I want to break out from both each loops at the same time. }); }); 내부 "각각"함수에서 "각각"함수를 모두 분리 할 수 있습니..

질문 : HTML 텍스트 입력은 숫자 입력 만 허용합니다. 숫자 키 입력 (+ '.') 만 허용하도록 )을 설정하는 빠른 방법이 있습니까? 답변 참고 : 이것은 업데이트 된 답변입니다. 아래 주석은 키 코드를 엉망으로 만든 이전 버전을 나타냅니다. JSFiddle에서 직접 시도해보십시오. setInputFilter 함수를 사용하여 의 입력 값을 필터링 할 수 있습니다 (복사 + 붙여 넣기, 드래그 + 드롭, 키보드 단축키, 컨텍스트 메뉴 작업, 입력 할 수없는 키, 캐럿 위치, 다른 키보드 레이아웃 및 모든 브라우저 지원). IE 9 이후 ) : function setInputFilter(textbox, inputFilter) { ["input", "keydown", "keyup", "mousedown"..

질문 : HTML5를 사용하는 사용자 정의 데이터 속성에 대한 jQuery 선택기 HTML5와 함께 제공되는 이러한 데이터 속성에 사용할 수있는 선택기를 알고 싶습니다. 이 HTML 부분을 예로 들어 보겠습니다. 얻을 선택자가 있습니까? "Companies" 아래에 data-company="Microsoft" 모든 요소 "Companies" 아래에 data-company!="Microsoft" 모든 요소 다른 경우에는 "포함, 미만, 초과 등 ..."과 같은 다른 선택기를 사용할 수 있습니다. 답변 $("ul[data-group='Companies'] li[data-company='Microsoft']") //Get all elements with data-company="Microsoft" below ..

질문 : jQuery 세트 확인란이 선택됨 이미 가능한 모든 방법을 시도했지만 여전히 작동하지 않았습니다. 내가 가진 모달 창이 checkbox 내가 모달가 열리면 것을 원하는 checkbox 체크하거나 선택 해제가 데이터베이스 값을 기반으로해야합니다. (이미 다른 양식 필드와 함께 작업하고 있습니다.) 확인하려고 시도했지만 작동하지 않았습니다. 내 HTML div : ... Estado 및 jQuery : $("#estado_cat").prop( "checked", true ); 나는 또한 attr 및 여기 포럼에서 본 다른 것들로 시도했지만 아무것도 작동하지 않는 것 같습니다. 누군가 나를 올바른 길로 안내 할 수 있습니까? 좋아, 여기에 뭔가 빠졌어. 체크 박스가 페이지에있는 경우 코드를 사용하여 ..

질문 : 요소에 속성이 있는지 확인하는 jQuery hasAttr jQuery의 요소에 속성이 있는지 어떻게 확인합니까? hasClass 와 비슷하지만 attr ? 예를 들면 if ($(this).hasAttr("name")) { // ... } 답변 var attr = $(this).attr('name'); // For some browsers, `attr` is undefined; for others, // `attr` is false. Check for both. if (typeof attr !== 'undefined' && attr !== false) { // ... } 출처 : https://stackoverflow.com/questions/1318076/jquery-hasattr-checkin..

질문 : 라디오 버튼이 JQuery로 선택되어 있는지 확인하십시오. 라디오 버튼을 잘 체크하도록 설정할 수 있지만, 원하는 것은 특정 라디오 버튼이 체크되면 활성화되는 일종의 '리스너'를 설정하는 것입니다. 예를 들어 다음 코드를 살펴보십시오. $("#element").click(function() { $('#radio_button').attr("checked", "checked"); }); 확인 된 속성을 추가하고 모든 것이 잘되지만 경고를 추가하는 방법은 무엇입니까? 예를 들어, 클릭 기능의 도움없이 라디오 버튼을 선택하면 팝업이 표시됩니까? 답변 $('#element').click(function() { if($('#radio_button').is(':checked')) { alert("it's c..

질문 : jQuery는 select onChange의 값을 얻습니다. $(this).val(); 을 수행하여 선택 입력의 값을 얻을 수 있다는 인상을 받았습니다. 선택 필드에 onchange 매개 변수를 적용하는 단계를 포함합니다. ID를 참조하는 경우에만 작동하는 것처럼 보입니다 이것을 사용하여 어떻게합니까? 답변 이 시도- $('select').on('change', function() { alert( this.value ); }); One Two onchange 이벤트로 참조 할 수도 있습니다. function getval(sel) { alert(sel.value); } One Two 출처 : https://stackoverflow.com/questions/11179406/jquery-get-val..

질문 : jquery를 사용하여 확인란을 선택 / 선택 취소 하시겠습니까? 내 페이지에 일부 입력 텍스트 필드가 있으며 JavaScript를 사용하여 해당 값을 표시하고 있습니다. .set("value","") 함수를 사용하여 값을 편집하고, 추가 확인란 필드를 추가하고, 값을 전달합니다. 여기서 value == 1 이면이 확인란을 선택해야합니다. 그렇지 않으면 선택되지 않은 상태로 유지되어야합니다. 두 개의 div를 사용하여이 작업을 수행했지만 그게 불편합니다. 다른 해결책이 있습니까? if(value == 1) { $('#uncheck').hide(); $('#check').show(); } else{ $('#uncheck').show(); $('#check').hide(); } 답변 jQuery 1..

질문 : jQuery를 사용하여 Bootstrap 모달 창을 여는 방법은 무엇입니까? Twitter Bootstrap 모달 창 기능을 사용하고 있습니다. 누군가 내 양식에서 제출을 클릭하면 양식에서 "제출 버튼"을 클릭하면 모달 창이 표시됩니다. BootStap Wizard Form × Modal header One fine body… Close Save changes jQuery : $('#myform').on('submit', function(ev) { $('#my-modal').modal({ show: 'false' }); var data = $(this).serializeObject(); json_data = JSON.stringify(data); $("#results").text(json_dat..

질문 : jQuery에서 Ajax 요청으로 FormData 객체를 보내는 방법은 무엇입니까? XMLHttpRequest 레벨 2 표준 (여전히 작업 초안)은 FormData 인터페이스를 정의합니다. 이 인터페이스를 사용하면 XHR 요청 (Ajax 요청)에 File Btw, 이것은 새로운 기능입니다. 과거에는 "hidden-iframe-trick"이 사용되었습니다 ( 다른 질문 에서 이에 대해 읽어보십시오). 작동 방식 (예) : var xhr = new XMLHttpRequest(), fd = new FormData(); fd.append( 'file', input.files[0] ); xhr.open( 'POST', 'http://example.com/script.php', true ); xhr.onr..

질문 : '$ (this)'와 'this'의 차이점은 무엇입니까? 저는 현재이 튜토리얼을 통해 작업하고 있습니다 : jQuery 시작하기 아래 두 가지 예 : $("#orderedlist").find("li").each(function (i) { $(this).append(" BAM! " + i); }); $("#reset").click(function () { $("form").each(function () { this.reset(); }); }); 첫 번째 예제에서 $(this) li 요소 내부에 텍스트를 추가합니다. 두 번째 예에서는 양식을 재설정 할 때 this $(this) this 보다 훨씬 더 자주 사용되는 것 같습니다. 내 생각에 첫 번째 예제에서 $() 는 각 li append() 함수를..

질문 : StackOverflow의 입력 태그와 같은 jQuery 자동 완성 태그 지정 플러그인? SO가 태그 입력에 사용하는 것과 동일한 자동 완성을 수행하는 솔루션은 무엇입니까? 한 단어를 처리 할 수있는 플러그인이 있지만 여러 단어를 처리하는 플러그인은 본 적이 없습니다. 답변 활동 순서, 사용 가능한 데모 / 예제 및 단순성 : ( 데모 ) https://github.com/yairEO/tagify ( 데모 ) https://github.com/aehlke/tag-it ( 데모 ) http://ioncache.github.com/Tag-Handler/ ( 데모 ) http://textextjs.com/ ( 데모 ) https://github.com/webworka/Tagedit ( 데모 ) htt..

질문 : 청산 jQuery 사용 제어 값을 지울 수 있습니까? 나는 다음을 시도했다 : $('#control').attr({ value: '' }); 하지만 작동하지 않습니다. 답변 쉬움 : 을 감싸고 양식에서 reset을 호출 한 다음 .unwrap() 사용하여 양식을 제거합니다. .clone() 솔루션과 달리 끝에는 동일한 요소 (설정된 사용자 지정 속성 포함)가 있습니다. Opera, Firefox, Safari, Chrome 및 IE6 +에서 테스트 및 작업했습니다. type="hidden" 제외하고 다른 유형의 양식 요소에서도 작동합니다. window.reset = function(e) { e.wrap('').closest('form').get(0).reset(); e.unwrap(); } Re..

질문 : jQuery 비활성화 / 활성화 제출 버튼 이 HTML이 있습니다. 다음과 같이 어떻게 할 수 있습니까? 텍스트 필드가 비어 있으면 제출을 비활성화해야합니다 (disabled = "disabled"). 비활성화 된 속성을 제거하기 위해 텍스트 필드에 무언가를 입력 할 때. 텍스트 필드가 다시 비워지면 (텍스트가 삭제됨) 제출 버튼을 다시 비활성화해야합니다. 나는 다음과 같이 시도했다. $(document).ready(function(){ $('input[type="submit"]').attr('disabled','disabled'); $('input[type="text"]').change(function(){ if($(this).val != ''){ $('input[type="submit"]')..

질문 : 요소로 jQuery 스크롤 이 input 요소가 있습니다. 그런 다음 다른 텍스트 입력, 텍스트 영역 등과 같은 다른 요소가 있습니다. 사용자가 #subject input 을 클릭하면 페이지가 멋진 애니메이션으로 페이지의 마지막 요소로 스크롤되어야합니다. 스크롤은 맨 아래가 아니라 맨 아래로 이동해야합니다. 페이지의 마지막 항목은 #submit submit 버튼입니다. 애니메이션은 너무 빠르지 않아야하며 유동적이어야합니다. 최신 jQuery 버전을 실행하고 있습니다. 플러그인을 설치하지 않고 기본 jQuery 기능을 사용하여이를 달성하는 것을 선호합니다. 답변 button 이있는 버튼이 있다고 가정하면 다음 예제를 시도해보십시오. $("#button").click(function() { $([d..

질문 : 모든 jQuery Ajax 요청이 완료 될 때까지 기다리시겠습니까? 모든 jQuery Ajax 요청이 다른 함수 내에서 완료 될 때까지 함수가 대기하도록하려면 어떻게해야합니까? 요컨대, 다음을 실행하기 전에 모든 Ajax 요청이 완료 될 때까지 기다려야합니다. 하지만 어떻게? 답변 jQuery는 이제 이러한 목적을 위해 when 함수를 정의합니다. 임의의 수의 Deferred 개체를 인수로 받아들이고 모든 개체가 해결되면 함수를 실행합니다. 즉, (예를 들어) 네 개의 ajax 요청을 시작한 다음 완료되면 작업을 수행하려면 다음과 같이 할 수 있습니다. $.when(ajax1(), ajax2(), ajax3(), ajax4()).done(function(a1, a2, a3, a4){ // the..

질문 : jQuery를 사용하여 양식 입력 필드를 얻습니까? 입력 필드가 많은 양식이 있습니다. jQuery로 제출 양식 이벤트를 잡을 때 해당 양식의 모든 입력 필드를 연관 배열로 가져올 수 있습니까? 답변 $('#myForm').submit(function() { // get all the inputs into an array. var $inputs = $('#myForm :input'); // not sure if you wanted this, but I thought I'd add it. // get an associative array of just the values. var values = {}; $inputs.each(function() { values[this.name] = $(this)..