반응형

jquery 49

jquery를 사용하여 뷰포트를 기준으로 요소의 위치 가져오기

jquery를 사용하여 뷰포트를 기준으로 요소의 위치 가져오기 문서가 아닌 뷰포트를 기준으로 페이지에서 요소의 위치를 가져오는 올바른 방법은 무엇입니까?jQuery.offset 기능이 유망해 보였습니다. 첫 번째 요소의 현재 좌표를 가져오거나 일치하는 요소 집합에서 문서를 기준으로 모든 요소의 좌표를 설정합니다. 하지만 그것은 문서와 관련이 있습니다.뷰포트를 기준으로 오프셋을 반환하는 동등한 방법이 있습니까?요소의 크기와 위치를 결정하는 가장 쉬운 방법은 getBoundingClientRect() 메서드를 호출하는 것입니다.이 메서드는 뷰포트 좌표의 요소 위치를 반환합니다.인수가 필요하지 않으며 왼쪽, 오른쪽, 위쪽 및 아래쪽 속성을 가진 개체를 반환합니다.왼쪽 및 위쪽 특성은 요소의 왼쪽 상단 모서리의..

programing 2023.08.21

선택 요소에서 선택한 옵션 가져오기

선택 요소에서 선택한 옵션 가져오기 드롭다운에서 선택한 옵션을 가져와서 다음과 같이 해당 텍스트로 다른 항목을 채우려고 합니다.IE가 폭풍을 일으키고 있지만 Firefox에서는 작동하지 않습니다. $('#ddlCodes').change(function() { $('#txtEntry2').text('#ddlCodes option:selected').text(); }); 내가 뭘 잘못하고 있는 거지?다음은 짧은 버전입니다. $('#ddlCodes').change(function() { $('#txtEntry2').text($(this).find(":selected").text()); }); 카림79는 잘 잡았습니다, 당신의 요소 이름으로 판단합니다.txtEntry2텍스트 상자일 수도 있습니다. 입력의 종류가..

programing 2023.08.21

jQueryUncaughtTypeError: 개체 [objectWindow]의 속성 '$'이(가) 함수가 아닙니다.

jQueryUncaughtTypeError: 개체 [objectWindow]의 속성 '$'이(가) 함수가 아닙니다. 모두, 저는 사전 번들된 JS/CSS 양식 애플리케이션을 다운로드하여 워드프레스에서 사용하려고 합니다.코드는 다음과 같습니다. $(document).ready(function () { /*----------------------------------------------------------------------*/ /* Parse the data from an data-attribute of DOM Elements /*----------------------------------------------------------------------*/ $.parseData = function ..

programing 2023.08.21

어레이에 추가 j쿼리

어레이에 추가 j쿼리 하나를 초기화하는 방법을 알고 있지만 배열에 I 항목을 추가하려면 어떻게 해야 합니까?나는 그것이push()아마도? 찾을 수가 없어요...JavaScript 배열의 경우 다음을 사용합니다.push(). var a = []; a.push(12); a.push(32); jQuery 개체의 경우 다음이 있습니다.add(). $('div.test').add('p.blue'); 주의할 점은 다음과 같습니다.push()원래 배열을 수정합니다.add()새 jQuery 개체를 반환합니다. 원래 jQuery 개체는 수정되지 않습니다.push는 네이티브 Javascript 메서드입니다.다음과 같이 사용할 수 있습니다. var array = [1, 2, 3]; array.push(4); // array..

programing 2023.08.21

사용자가 필드를 비활성화하지 않고 텍스트 필드를 입력하지 못하도록 하는 방법은 무엇입니까?

사용자가 필드를 비활성화하지 않고 텍스트 필드를 입력하지 못하도록 하는 방법은 무엇입니까? 노력했습니다. $('input').keyup(function() { $(this).attr('val', ''); }); 그러나 문자를 입력한 후 입력한 텍스트를 약간 제거합니다.사용자가 텍스트 필드를 비활성화하지 않고 텍스트를 완전히 입력하지 못하도록 하는 방법이 있습니까?쉽게 간과할 수 있는 자바스크립트가 아닌 대안: 사용할 수 있습니까?readonly대신 속성disabled속성?이렇게 하면 입력의 텍스트를 편집할 수 없지만 브라우저는 입력 스타일을 다르게 설정합니다(예: "회색 처리"할 가능성이 낮습니다).필드를 "사용 안 함" 또는 smth로 표시하지 않으려면 다음을 사용합니다. onkeydown="retur..

programing 2023.08.16

jquery를 사용하여 입력 필드의 특수 문자를 차단하거나 제한하려면 어떻게 해야 합니까?

jquery를 사용하여 입력 필드의 특수 문자를 차단하거나 제한하려면 어떻게 해야 합니까? jquery를 사용하여 입력 필드에 특수 문자가 입력되지 않도록 차단하려면 어떻게 해야 합니까?원하는 대로 허용/허용하지 않도록 변경할 수 있는 정규식을 사용하는 간단한 예입니다. $('input').on('keypress', function (event) { var regex = new RegExp("^[a-zA-Z0-9]+$"); var key = String.fromCharCode(!event.charCode ? event.which : event.charCode); if (!regex.test(key)) { event.preventDefault(); return false; } }); 입력을 영숫자로만 제한..

programing 2023.08.11

대/소문자를 구분하지 않는 jQuery: contains selector가 있습니까?

대/소문자를 구분하지 않는 jQuery: contains selector가 있습니까? contains jQuery selector의 대소문자를 구분하지 않는 버전이 있습니까? 아니면 모든 요소를 루프하고 .text()를 내 문자열과 비교하여 수동으로 작업을 수행해야 합니까?jQuery 1.2에서 하게 된 것은 다음과 같습니다. jQuery.extend( jQuery.expr[':'], { Contains : "jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0" }); jquery를 확장하여 :대소문자를 구분하지 않는 선택기를 포함하고, :contains 선택기는 변경되지 않습니다. 편집: jQuery 1.3(고마워 @user95227) 이상의 ..

programing 2023.08.11

페이지에 세로 스크롤 막대가 있는지 검색하시겠습니까?

페이지에 세로 스크롤 막대가 있는지 검색하시겠습니까? 현재 페이지/창(특정 요소가 아님)에 세로 스크롤바가 있는지 확인할 수 있는 간단한 JQ/JS를 원합니다. 구글링은 단지 이 기본적인 기능을 위해 지나치게 복잡해 보이는 것들을 저에게 제공합니다. 이것이 어떻게 행해지는가?$(document).ready(function() { // Check if body height is higher than window height :) if ($("body").height() > $(window).height()) { alert("Vertical Scrollbar! D:"); } // Check if body width is higher than window width :) if ($("body").width()..

programing 2023.08.06

jQuery 입력 텍스트 값

jQuery 입력 텍스트 값 다음에 대한 올바른 선택기를 찾을 수 없습니다. 값을 = 000000으로 변경하고 싶습니다.텍스트 입력의 ID가 아닌 "이름"을 찾으려면 선택기가 필요합니다. 효과가 있어야 하지 않나요?: $("text.sitebg").val("000000"); 제시된 솔루션이 작동하지 않는데, 무슨 문제가 있나요? $.getJSON("http://www.mysitehere.org/wp-content/themes/ctr-theme/update_genform.php",function(data) { $("#form1").append(data.sitebg); $('input.sitebg').val('000000'); }); JSON 데이터가 올바르게 작동합니다. 나중에 JSON 값을 양식 입력 텍..

programing 2023.08.01

포함된 입력 형식을 얻는 방법은 무엇입니까?

포함된 입력 형식을 얻는 방법은 무엇입니까? 입력에 대한 참조만 있는 경우 입력의 양식 상위 항목에 대한 참조를 얻어야 합니다.자바스크립트로 이것이 가능합니까?원한다면 jQuery를 사용합니다. function doSomething(element) { //element is input object //how to get reference to form? } 이것은 작동하지 않습니다. var form = $(element).parents('form:first'); alert($(form).attr("name")); 입력인 네이티브 DOM 요소에도 다음이 있습니다.form자신이 속한 양식을 가리키는 속성: var form = element.form; alert($(form).attr('name')); w3 ..

programing 2023.08.01
반응형