반응형

jQuery 27

jQuery 키누름 화살표 키

jQuery 키누름 화살표 키 jQuery에서 화살표 키 누르기를 캡처하려고 하는데 이벤트가 트리거되지 않습니다. $(function(){ $('html').keypress(function(e){ console.log(e); }); }); 영숫자 키에 대해서는 이벤트가 생성되지만 삭제, 화살표 키 등은 이벤트가 생성되지 않습니다. 내가 뭘 잘못해서 그런 것들을 포착하지 못하는 거지?당신은 사용해야 합니다..keydown()왜냐면.keypress()키 유형 사용을 포착하면 "화살표"가 무시됩니다.e.which 결과 화면을 눌러 초점을 맞춘 다음(Fiddle 화면 오른쪽 하단) 화살표 키를 눌러 작동 여부를 확인합니다. 주의: .keypress()Shift, Esc, Delete와 함께 절대 발사되지 않습니..

programing 2023.10.06

display 추가 방법: jQuery show() 기능에서 inline-block?

display 추가 방법: jQuery show() 기능에서 inline-block? 이런 코드가 있어요 function switch_tabs(obj) { $('.tab-content').hide(); $('.tabs a').removeClass("selected"); var id = obj.attr("rel"); $('#' + id).show(); obj.addClass("selected"); } 쇼 기능이 추가됩니다.display:block. 하지만 나는 덧붙이고 싶습니다.display:inline-block블록 대신에대신에show, 내용을 숨기고 보여주기 위해 CSS를 사용하려고 합니다. function switch_tabs(obj) { $('.tab-content').css('display', '..

programing 2023.10.01

사용자가 마우스를 이동하지 않고 브라우저 커서를 "대기"에서 "자동"으로 이동

사용자가 마우스를 이동하지 않고 브라우저 커서를 "대기"에서 "자동"으로 이동 이 jQuery 코드를 사용하여 Ajax 호출 중 마우스 포인터를 통화 중 상태(시간 유리)로 설정합니다... $('body').css('cursor', 'wait'); 정상으로 되돌리기 위한 이 코드는... $('body').css('cursor', 'auto'); 이 정도면 잘 먹히는데...일부 브라우저에서 Firefox와 IE에서는 명령을 실행하면 바로 마우스 커서가 바뀝니다.이것이 제가 원하는 행동입니다. Chrome 및 Safari에서 마우스 커서는 사용자가 포인터를 이동할 때까지 "바빠짐"에서 "자동"으로 눈에 띄게 변경되지 않습니다. 꺼리는 브라우저가 마우스 포인터를 바꾸도록 하는 가장 좋은 방법은 무엇입니까?현재..

programing 2023.09.26

이동식 좌/우 스와이프를 이용하여 부트스트랩 회전목마 슬라이더를 만드는 방법

이동식 좌/우 스와이프를 이용하여 부트스트랩 회전목마 슬라이더를 만드는 방법 데모 JSSFIDLE 제가 하고 싶은 일은 모바일 기기에만 좌/우 터치 스와이프 기능을 추가하는 것입니다.내가 어떻게 그럴 수 있을까? 또한 호버에 나타나는 이전/다음 단추를 모바일/아이패드 버전에서 더 작게 만드는 방법은 무엇입니까? 감사해요.파티에 좀 늦었지만, 제가 사용한 jQuery는 다음과 같습니다. $('.carousel').on('touchstart', function(event){ const xClick = event.originalEvent.touches[0].pageX; $(this).one('touchmove', function(event){ const xMove = event.originalEvent.tou..

programing 2023.09.26

Jquery를 사용하여 부모 디바의 ID 찾기

Jquery를 사용하여 부모 디바의 ID 찾기 html은 다음과 같습니다. Volume = Check answer 그리고 몇몇 JS들은 이렇게 말합니다. $("button").click(function () { var buttonNo = $(this).attr('class'); var correct = Number($(this).attr('rel')); validate (Number($("#"+buttonNo+" input").val()),correct); $("#"+buttonNo+" div").html(feedback); }); 제가 정말 원하는 것은 만약 버튼에 class="1"이 없어도 된다면(숫자 클래스가 유효하지 않다는 것을 알고 있지만 이것은 WIP!) 부모 디바의 ID를 기준으로 No 버튼..

programing 2023.09.21

PHPSTorm IDE의 비효율적인 jQuery 사용 주의

PHPSTorm IDE의 비효율적인 jQuery 사용 주의 최근에 PHPSTorm IDE 버전을 업그레이드했는데 jQuery의 비효율적인 사용에 대해 경고합니다. 예를 들어, var property_single_location = $("#property [data-role='content'] .container"); 다음 경고 메시지를 표시합니다. jQuery Selector가 효율적으로 사용되는지 확인합니다.ID 선택기로 접두사가 붙은 하위 선택기를 분할할 것을 제안하고 캐시할 수 있는 중복 선택기에 대해 경고합니다. 그래서 제 질문은: 이것은 왜 비효율적이며 위의 셀렉터를 효율적으로 수행하는 방법은 무엇입니까? 내 생각엔: var property_single_location = $("#property..

programing 2023.09.21

jHTML 요소의 스타일을 변경하는 jQuery

jHTML 요소의 스타일을 변경하는 jQuery HTML로 된 리스트를 가지고 있습니다. And the winner isn't... Why? Synopsis Stills/Photos Videos/clips Quotes Quiz CSS 변경에 수평으로 표시해도 괜찮습니다. div#navigation ul li { display: inline-block; } 하지만 지금은 jQuery와 함께 하고 싶습니다. $(document).ready(function() { console.log('hello'); $('#navigation ul li').css('display': 'inline-block'); }); 작동이 안되는데, jQuery로 요소를 스타일링하는 데 무엇이 잘못되었습니까? 감사해요.사용 방법: $(..

programing 2023.09.11

jquery를 통해 앵커 클릭을 시뮬레이션하려면 어떻게 해야 합니까?

jquery를 통해 앵커 클릭을 시뮬레이션하려면 어떻게 해야 합니까? jQuery를 통해 앵커 클릭을 조작하는 데 문제가 있습니다.입력 단추를 처음 클릭할 때 두 번째 또는 세 번째는 아니지만 두꺼운 상자가 나타나는 이유는 무엇입니까? 여기 내 코드가 있습니다. Link 링크를 직접 클릭하면 항상 작동하지만 입력 버튼을 통해 두꺼운 상자를 활성화하려고 하면 작동하지 않습니다.FF에 있습니다.Chrome의 경우 매번 작동하는 것 같습니다.힌트 있어요?제게 도움이 된 것은 다음과 같습니다. $('a.mylink')[0].click() 그런 식으로 jQuery 전화를 거는 것을 피하도록 하세요.지에를트할다oe를t에 바인딩합니다.click 삭제: Link 편집: 링크를 클릭하는 사용자를 시뮬레이션하려고 한다면,..

programing 2023.09.06

HTML 앵커 링크 - href를 클릭하고 둘 다 클릭하시겠습니까?

HTML 앵커 링크 - href를 클릭하고 둘 다 클릭하시겠습니까? 나는 자바스크립트를 실행한 다음 어디든 갈 수 있는 앵커 태그를 만들고 싶습니다.href그것을 가져가는 중이었습니다.내 JavaScript를 실행한 다음 설정하는 함수 호출window.location또는top.location에게href위치가 저한테는 안 맞아요. 페이지에 ID가 "Foo"인 요소가 있다고 상상해 보세요.다음과 유사한 앵커를 작성하고 싶습니다. Do it! 이 옵션을 클릭하면 RunMyFunction을 실행한 다음 페이지를 건너뜁니다.#Foo(재로드를 유발하지 않음 - 사용top.location페이지를 다시 로드합니다. 제안?여기에 도움이 된다면 jQuery를 사용하게 되어 기쁩니다...그저.return true대신에? 의..

programing 2023.09.01

jQuery로 테이블 만들기 - 추가

jQuery로 테이블 만들기 - 추가 디비 페이지에 있습니다. 및 질문: for(i=0;i JS 코드: function feed_table(tableobj){ // data is a JSON object with //{'id': 'table id', // 'header':[{'a': 'Asset Tpe', 'b' : 'Description', 'c' : 'Assets Value', 'd':'Action'}], // 'data': [{'a': 'Non Real Estate', 'b' :'Credit card', 'c' :'$5000' , 'd': 'Edit/Delete' },... ]} $('#' + tableobj.id).html( '' ); $.each([tableobj.header, tableobj...

programing 2023.08.27
반응형