반응형

jquery 24

jQuery $(문서).준비() 두 번 발사

jQuery $(문서).준비() 두 번 발사 저는 여기서 무슨 일이 일어나고 있는지 알아보기 위해 인터넷을 뒤지고 다녔지만 구체적인 답을 얻을 수 없었습니다. 하나 있어.$(document).ready그 안에 있는 코드에 상관없이 여러 번 실행될 것 같은 내 사이트에서. 저는 jQuery의 버그 보고서를 읽어 보았습니다..ready문장 내에 발생하는 예외가 있으면 이벤트가 두 번 발생합니다.그러나 다음 코드가 있는 경우에도 두 번 실행됩니다. $(document).ready(function() { try{ console.log('ready'); } catch(e){ console.log(e); } }); 콘솔에는 "ready"가 두 번 기록되어 있습니다.예외가 있는 다른 .ready가 문제를 일으킬 가능..

programing 2023.11.06

배열의 두 번째에서 마지막 항목을 얻습니까?

배열의 두 번째에서 마지막 항목을 얻습니까? 배열에서 마지막 두 번째 항목을 가져오려면 어떻게 해야 합니까? 예를 들어. var fragment = '/news/article-1/' var array_fragment = fragment.split('/'); var pg_url = $(array_fragment).last()[0]; 빈 값을 반환합니다.하지만 나는.article-1 감사해요.모든 것이 jQuery를 사용해야 하는 것은 아닙니다. 일반적으로 오래된 자바스크립트에서는 다음과 같은 작업을 할 수 있습니다. var pg_url = array_fragment[array_fragment.length - 2] 더 쉽고 빠르게 :)자바스크립트의 것도 사용할 수 있을 것 같습니다.slice방법: var p..

programing 2023.11.06

jQuery에 함수를 추가하는 방법은?

jQuery에 함수를 추가하는 방법은? 새로운 jQuery 멤버 함수를 정의하는 가장 쉬운 방법은 무엇입니까? 다음과 같이 부를 수 있도록 말입니다. $('#id').applyMyOwnFunc() Basil Goldman의 "jQuery에서 자신의 기능 정의"를 참조하십시오. 이 게시물에서는 jQuery에서 자신의 기능을 얼마나 쉽게 정의하고 사용하는지에 대해 발표하고자 합니다. 위에 링크된 블로그 게시물의 코드를 기반으로 수정: jQuery.fn.yourFunctionName = function() { // `this` is the jQuery Object on which the yourFunctionName method is called. // `arguments` will contain any ar..

programing 2023.11.01

jQuery 또는 자바스크립트로 클릭 버튼을 시뮬레이션하는 동작을 사용하는 방법?

jQuery 또는 자바스크립트로 클릭 버튼을 시뮬레이션하는 동작을 사용하는 방법? 버튼을 클릭하는 동작을 시뮬레이션하기 위해 자바스크립트를 사용해야 합니다.어떻게 하면 달성할 수 있습니까?jQuery로 달성할 수 있습니까?예, jquery로 가능합니다. 사용하세요.trigger기능.여기 설명서입니다.샘플은 다음과 같습니다. $('#foo').trigger('click'); 버튼 컨트롤에 할당된 클릭 이벤트 핸들러를 실행할 수 있습니다. $("#mybutton").click(); 간단히 .click(): $("#theButton").click(); 다음 코드는 두 번 클릭하여 인쇄합니다.$('.submitBtn').click();기타$('.submitBtn').trigger('click') $(docume..

programing 2023.11.01

싱글클릭 이벤트와 더블클릭 이벤트를 구분하는 방법은?

싱글클릭 이벤트와 더블클릭 이벤트를 구분하는 방법은? 나는 아이디가 있는 li에 버튼이 하나 있습니다."my_id". 이 요소로 jQuery 이벤트 2개를 첨부하였습니다. 1. $("#my_id").click(function() { alert('single click'); }); 2. $("#my_id").dblclick(function() { alert('double click'); }); 하지만 그때마다 나는single click더 많은 임시 상태 및 setTimeout을 활용하는 대신 다음과 같은 네이티브 속성이 있음이 밝혀졌습니다.detail당신이 접근할 수 있는.event물건! element.onclick = event => { if (event.detail === 1) { // it was a..

programing 2023.11.01

'클릭' 및 '엔터'에서 이벤트를 트리거

'클릭' 및 '엔터'에서 이벤트를 트리거 제 사이트에 검색창이 있습니다.현재 사용자는 jquery의 게시물을 통해 검색하려면 상자 옆에 있는 제출 버튼을 클릭해야 합니다.사용자들도 entry를 눌러 검색할 수 있도록 하고 싶습니다.이거 어떻게 해요? JQuery: $('document').ready(function(){ $('#searchButton').click(function(){ var search = $('#usersSearch').val(); $.post('../searchusers.php',{search: search},function(response){ $('#userSearchResultsTable').html(response); }); }); }); HTML: 사용하다keypress에 관..

programing 2023.11.01

도메인 간 게시물로 자격 증명을 보내시겠습니까?

도메인 간 게시물로 자격 증명을 보내시겠습니까? 자격 증명이 있는 요청에 따르면 Firefox는 다음과 같은 경우에만 도메인 간 게시물과 함께 자격 증명을 보냅니다. invocation.withCredentials = "true"; 설정되어 있습니다. 하지만 jQuery의 Ajax API가 이를 위한 메커니즘을 제공하는 것 같지는 않습니다. 제가 놓친 게 있나요?제가 할 수 있는 다른 방법이 있을까요?jQuery 1.5에서는 기능이 손상될 예정입니다. jQuery 1.5.1 이후 xhrFields param을 사용해야 합니다. $.ajaxSetup({ type: "POST", data: {}, dataType: 'json', xhrFields: { withCredentials: true }, crossD..

programing 2023.10.27

입력[type=text]을 값의 너비로 자동 스케일링하시겠습니까?

입력[type=text]을 값의 너비로 자동 스케일링하시겠습니까? 의 의 할 수 이 있습니까?실제 값의 폭으로? input { display: block; margin: 20px; width: auto; } 이 작업은 다음과 같이 설정하면 쉽게 수행할 수 있습니다.size입력 내용의 길이에 대한 속성: function resizeInput() { $(this).attr('size', $(this).val().length); } $('input[type="text"]') // event handler .keyup(resizeInput) // resize on page load .each(resizeInput); 참조: http://jsfiddle.net/nrabinowitz/NvynC/ 이것은 브라우저 의..

programing 2023.10.07

jQuery Choosen 드롭다운 목록 지우기 및 새로 고침

jQuery Choosen 드롭다운 목록 지우기 및 새로 고침 jQuery Choosen 드롭다운 목록을 지우고 새로 고치려고 합니다. HTML: remove me 새로 고침 단추를 클릭하면 다음과 같이 바뀝니다. test 시도해 본 내용: $("#refreshgallery").click(function(){ $('#picturegallery').empty(); var newOption = $('test'); $('#picturegallery').append(newOption); }); 드롭다운 목록을 업데이트할 수가 없어요도움이 필요하신가요? :)를 사용하면 추가 후 옵션 목록을 업데이트할 수 있습니다. 선택한 업데이트를 동적으로 수행: 선택 필드의 옵션을 업데이트해야 하고 Choosed가 변경 내용을..

programing 2023.10.07

Zepto와 jQuery 2의 차이점은 무엇입니까?

Zepto와 jQuery 2의 차이점은 무엇입니까? 이와 유사한 두 프로젝트가 있습니다. Zepto.js Zepto는 대부분 jQuery 호환 API를 갖춘 현대 브라우저용 미니멀리스트 자바스크립트 라이브러리입니다. jQuery 2.0 jQuery 2.0 베타:IE 6, 7, 8을 지원하지 않아도 더 빠르고 더 작아질 수 있는 jQuery인 미래의 취향을 소개합니다.플랫폼별 HTML 애플리케이션에 적합합니다. 이것은 단지 성능에 관한 것입니까, 아니면 서로 다른 접근 방식을 따르는 것입니까?Zepto.js와 jQuery의 주요 차이점은 각각의 파일 크기가 jQuery의 ~80kb 대신 Zepto.js의 ~20kb(최소화, 지핑되지 않음), jQuery의 ~30kb 대신 Zepto.js의 ~10kb(최소화..

programing 2023.10.07
반응형