반응형

jQuery 26

div - jQuery의 내용 변경

div - jQuery의 내용 변경 링크 중 하나를 클릭했을 때 이 div의 내용을 어떻게 변경할 수 있습니까? Main Balance PayPal AlertPay 링크에 대한 .click 이벤트를 구독하고 다음 방법으로 div의 내용을 변경할 수 있습니다. $('.click').click(function() { // get the contents of the link that was clicked var linkText = $(this).text(); // replace the contents of the div with the link text $('#content-container').html(linkText); // cancel the default action of the link by retu..

codememo 2023.09.20

jQuery를 사용하여 동적으로 추가된 요소에 이벤트 수신기 추가

jQuery를 사용하여 동적으로 추가된 요소에 이벤트 수신기 추가 이 질문에는 이미 다음과 같은 답변이 있습니다. 동적 컨텐츠에서 이벤트 처리기가 작동하지 않음 (2개 답변) 닫힘8년 전에. 그래서 지금은 동적으로 추가된 요소에 이벤트 리스너를 첨부하려면 요소를 추가한 후 리스너를 다시 정의해야 한다는 것을 알고 있습니다. 추가 코드 블록 전체를 실행할 필요가 없도록 우회할 수 있는 방법은 없습니까?를 사용하면 함수를 한 번 정의할 수 있으며 동적으로 추가된 모든 요소에 대해 실행됩니다. 예를들면 $('#staticDiv').on('click', 'yourSelector', function() { //do something }); $(document).on('click', 'selector', handl..

codememo 2023.09.20

setTimeout/clearTimeout 문제

setTimeout/clearTimeout 문제 나는 10초 동안의 비활성(아무 곳도 클릭하지 않는 사용자) 후에 시작 페이지로 이동하기 위해 페이지를 만들려고 합니다.나머지는 jQuery를 사용하지만 테스트 기능의 set/clear는 순수 자바스크립트입니다. 답답한 마음에 저는 페이지를 클릭할 때 언제든지 호출할 수 있기를 바랐던 이 기능과 같은 기능을 가지게 되었습니다.타이머는 정상적으로 시작되지만 클릭 한 번으로 재설정되지는 않습니다.이 기능이 처음 10초 이내에 5번 호출되면 5개의 경고가 표시됩니다.시간 초과가 확실하지 않습니다... function endAndStartTimer() { window.clearTimeout(timer); var timer; //var millisecBeforeRe..

codememo 2023.09.15

jQuery에서 태그 이름을 제공할 수 있습니까?

jQuery에서 태그 이름을 제공할 수 있습니까? HTML 페이지에 같은 클래스를 가진 여러 요소가 있지만 요소 유형이 다릅니다.요소를 루프할 때 요소의 태그 이름을 확인하고 싶지만 .attr는 "태그" 또는 "태그 이름"을 사용하지 않습니다. 제 말은 이렇습니다.페이지에서 다음과 같은 요소를 고려해 보십시오. First Second Third Fourth 이제 이와 같은 작업을 실행하여 요소가 이미 정의되지 않은 경우 모두 ID를 가질 수 있도록 하겠습니다. $(function() { $(".rnd").each(function(i) { var id = $(this).attr("id"); if (id === undefined || id.length === 0) { // this is the line th..

codememo 2023.09.15

특정 디본 클릭으로 부드럽게 스크롤

특정 디본 클릭으로 부드럽게 스크롤 제가 하려는 것은 버튼을 클릭하면 페이지의 특정 div로 스크롤(부드럽게) 내려가도록 만드는 것입니다. 제가 필요한 것은 버튼을 클릭하면 div 'second'로 스크롤이 부드럽게 됩니다. .first { width: 100%; height: 1000px; background: #ccc; } .second { width: 100%; height: 1000px; background: #999; } Click Me! Hi 수행: $("button").click(function() { $('html,body').animate({ scrollTop: $(".second").offset().top}, 'slow'); }); 업데이트된 JsfidlejQuery, Mootools,..

codememo 2023.09.05

pinterest.com 의 절대 div 스태킹 레이아웃을 복제하는 방법

pinterest.com 의 절대 div 스태킹 레이아웃을 복제하는 방법 닫힘.이 질문은 더 필요합니다.집중적인현재 답변을 수락하고 있지 않습니다. 이 질문을 개선하고 싶으십니까?이 게시물을 편집하여 하나의 문제에만 초점을 맞추도록 질문을 업데이트합니다. 10년 전에 문을 닫았습니다. 이 질문을 개선합니다. 저는 Pinterest.com 의 div 레이아웃을 복제하려고 합니다. 특히 브라우저 크기 조정 시 열 수가 더 많거나 적거나 인접한 열 높이에 따라 세로 쌓기가 달라지지 않도록 조정하는 방법을 찾고 있습니다.소스 코드는 각 분할 위치가 절대임을 나타냅니다.한 공동 설립자가 커스텀 jQuery와 CSS로 완료되었다는 Quora 게시물에 답변했습니다.저는 결과를 왼쪽에서 오른쪽으로 정리했으면 합니다.제..

codememo 2023.09.05

CORS POST 요청은 일반 JavaScript에서 작동하지만 jQuery에서는 작동하지 않는 이유는 무엇입니까?

CORS POST 요청은 일반 JavaScript에서 작동하지만 jQuery에서는 작동하지 않는 이유는 무엇입니까? Cross Origin 포스트 요청을 하려고 하는데, 쉽게 작동했습니다.JavaScript다음과 같이: var request = new XMLHttpRequest(); var params = "action=something"; request.open('POST', url, true); request.onreadystatechange = function() {if (request.readyState==4) alert("It worked!");}; request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); req..

codememo 2023.08.31

jQuery 확인란 이벤트 처리

jQuery 확인란 이벤트 처리 다음 항목이 있습니다. jQuery를 사용하여 다음에서 발생하는 체크 이벤트를 캡처하려면 어떻게 합니까?myform어떤 확인란이 토글되었는지 확인합니다(그리고 토글되었는지 확인).$('#myform :checkbox').change(function() { // this will contain a reference to the checkbox if (this.checked) { // the checkbox is now checked } else { // the checkbox is now no longer checked } }); 변경 이벤트를 사용합니다. $('#myform :checkbox').change(function() { // this represents the ..

codememo 2023.08.31

크롬/j쿼리 탐지되지 않은 범위 오류: 최대 호출 스택 크기를 초과했습니다.

크롬/j쿼리 탐지되지 않은 범위 오류: 최대 호출 스택 크기를 초과했습니다. 크롬에서 "Uncaught RangeError: Maximum call stack size exceeded" 오류가 발생합니다.여기 제 jQuery 함수가 있습니다. $('td').click(function () { if ($(this).context.id != null && $(this).context.id != '') { foo($('#docId').val(), $(this).attr('id')); } return false; }); 페이지에는 수만 개의 셀이 있습니다.그러나 저는 일반적으로 스택 오버플로를 재귀와 연결하며, 이 경우에는 재귀가 없는 것으로 알고 있습니다. 이렇게 람다를 만들면 스택에서 자동으로 부하가 생성됩..

codememo 2023.08.21

앵커 태그가 아무것도 참조하지 않도록 만드는 방법은 무엇입니까?

앵커 태그가 아무것도 참조하지 않도록 만드는 방법은 무엇입니까? jQuery를 사용합니다. 일부 앵커 태그에서 작업을 수행하지 않도록 해야 합니다. 저는 보통 이렇게 씁니다. link 그러나 이것은 페이지의 맨 위를 나타냅니다!완벽하지 않은 솔루션이 몇 가지 있습니다. 가짜 앵커 링크 문제: 링크를 클릭하면 페이지 맨 위로 돌아갑니다. 'a'가 아닌 다른 태그 사용 스팬 태그를 사용하고 jquery를 사용하여 클릭을 처리합니다. 문제: 키보드 탐색이 중단되어 커서를 수동으로 변경해야 합니다. Javascript void 함수에 대한 링크 문제: IE에서 이미지를 링크할 때 중단됨 해결책 이 모든 것에 문제가 있기 때문에 제가 결정한 해결책은 가짜 앵커에 연결한 다음 onClick 방법에서 false를 반..

codememo 2023.08.21
반응형