반응형

jQuery 56

:터치 CSS 유사 클래스 등?

:터치 CSS 유사 클래스 등? 사용자가 버튼을 클릭하면 마우스 버튼을 누른 상태에서 스타일이 변경되도록 버튼을 만들려고 합니다.저도 모바일 브라우저에서 터치하면 비슷한 방식으로 스타일을 바꿨으면 좋겠습니다.제가 보기에 분명한 것은 CSS:active pseudo-class를 사용하는 것이었지만, 그것은 효과가 없었습니다.초점을 맞추려고 노력했지만 역시 효과가 없었습니다.호버를 해봤는데 작동하는 것 같았지만, 버튼에서 손가락을 떼니 스타일이 그대로 유지되었습니다.이 모든 관찰은 아이폰4와 드로이드2에서 이루어졌습니다. 모바일 브라우저(iPhone, iPad, Android 등)에서 효과를 복제할 수 있는 방법이 있습니까?지금은 이런 일을 하고 있습니다. ... test ... :active pseudo-..

source 2023.09.09

Jquery live() vs delegate()

Jquery live() vs delegate() 이 질문에는 이미 다음과 같은 답변이 있습니다. jQuery: live() vs delegate() (4개 답변) 닫힘9년 전에. 저는 인터넷과 다른 곳에서 사이의 차이점에 대한 게시물을 읽었습니다.live()그리고.delegate(). 하지만 제가 찾고 있는 답을 찾지 못했습니다. 만약 이것이 속임수라면 저에게 말해주세요. 우리 사이의 차이점을 알고 있습니다.live그리고.delegate저것이live체인에서 사용할 수 없습니다.저도 어디선가 읽은 적이 있습니다.delegate경우에 따라 성능이 향상됩니다. 제 질문은 당신이 어떤 상황에서live대신에delegate? 갱신하다 성능의 차이를 알아보기 위해 간단한 테스트를 해봤습니다. 새 제품도 추가했습니다..

source 2023.09.09

마우스 이벤트 없이 jQuery에서 마우스 위치를 얻는 방법은 무엇입니까?

마우스 이벤트 없이 jQuery에서 마우스 위치를 얻는 방법은 무엇입니까? 현재 마우스 위치를 얻고 싶지만 사용하지 않습니다. $(document).bind('mousemove',function(e){ $("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY); }); 왜냐하면 나는 단지 그 자리를 얻고 정보를 처리하기만 하면 되기 때문입니다.마우스 위치를 쿼리할 수 있는 방법이 없다고 생각하지만 다음을 사용할 수 있습니다.mousemove저장된 정보를 쿼리할 수 있도록 정보를 저장하는 핸들러입니다. jQuery(function($) { var currentMousePos = { x: -1, y: -1 }; $(document).mousemove(f..

source 2023.09.04

요소 인덱스를 상위 요소에 대한 하위 요소로 가져옵니다.

요소 인덱스를 상위 요소에 대한 하위 요소로 가져옵니다. 다음과 같은 마크업이 있다고 가정해 보겠습니다. Step 1 Step 2 그리고 저는 다음과 같은 jQuery를 가지고 있습니다. $("#wizard li").click(function () { // alert index of li relative to ul parent }); 하위 항목의 색인을 가져오려면 어떻게 해야 합니까?li부모에 비해 상대적으로, 클릭할 때li? 예를 들어 "1단계"를 클릭하면alert"0"으로 표시됩니다.$("#wizard li").click(function () { console.log( $(this).index() ); }); 그러나 각 목록 항목에 하나의 클릭 핸들러를 연결하는 것보다 다음과 같은 방법을 사용하는 것..

source 2023.09.04

jQuery append() vs appendChild()

jQuery append() vs appendChild() 다음은 몇 가지 샘플 코드입니다. function addTextNode(){ var newtext = document.createTextNode(" Some text added dynamically. "); var para = document.getElementById("p1"); para.appendChild(newtext); $("#p1").append("HI"); } First line of paragraph. 사이의 차이점은 무엇입니까?append()그리고.appendChild()? 실시간 시나리오는?가장 큰 차이점은appendChildDOM 방법입니다.appendjQuery 메서드입니다.두 번째는 jQuery 소스 코드에서 볼 수 있듯이..

source 2023.09.04

JQuery 사용 - 양식 제출 금지

JQuery 사용 - 양식 제출 금지 jquery를 사용하여 양식을 제출하지 못하게 하려면 어떻게 해야 합니까? 저는 모든 것을 시도했습니다. 아래의 세 가지 다른 옵션을 참조하십시오. 하지만 모두 작동하지 않습니다. $(document).ready(function() { //option A $("#form").submit(function(e){ e.preventDefault(); }); //option B $("#form").submit(function(e){ stopEvent(e); }); //option C $("#form").submit(function(){ return false; }); }); 뭐가 잘못됐어요? 업데이트 - 다음은 내 html입니다. 여기에 무슨 문제라도 있습니까?띕니다. 이 ..

source 2023.08.30

폼 작업을 변경하기 위한 Jquery

폼 작업을 변경하기 위한 Jquery 양식에 두 개의 단추가 있고 두 개의 다른 페이지를 클릭할 때 호출해야 합니다.button1을 클릭하면 page1이 로드되고 button2를 클릭하면 page2가 로드됩니다.저는 자바스크립트로 이것을 하는 방법을 알고 있지만, 저는 이것을 하는 방법에 대한 단서가 없습니다.누가 나를 도와줄 수 있나요?사용해 보십시오. $('#button1').click(function(){ $('#formId').attr('action', 'page1'); }); $('#button2').click(function(){ $('#formId').attr('action', 'page2'); }); jQuery는 단지 자바스크립트일 뿐이니, 그것에 대해 크게 다르게 생각하지 마세요!'일반..

source 2023.08.30

src 원본 이미지를 찾을 수 없을 때 "이미지를 찾을 수 없음" 아이콘을 자동으로 숨기는 방법

src 원본 이미지를 찾을 수 없을 때 "이미지를 찾을 수 없음" 아이콘을 자동으로 숨기는 방법 이미지 파일을 찾을 수 없을 때 렌더링된 HTML 페이지에서 고전적인 "Image not found" 아이콘을 숨기는 방법을 알고 있습니까? JavaScript/jQuery/CSS를 사용하는 작업 방법이 있습니까? 사용할 수 있습니다.onerror이미지 로드에 실패할 때 동작할 JavaScript의 이벤트: var img = document.getElementById("myImg"); img.onerror = function () { this.style.display = "none"; } jQuery에서(요청한 이후): $("#myImg").error(function () { $(this).hide(); })..

source 2023.08.26

두 원소가 동일한지 여부 검정

두 원소가 동일한지 여부 검정 처음에는 이것이 효과가 있을 것으로 생각합니다. if ($('#element') == $('#element')) alert('hello'); 하지만 그렇지 않습니다.요소가 동일한지 여부를 어떻게 테스트합니까?jquery 1.6에서 이제 간단하게 할 수 있는 일은 다음과 같습니다. $element1.is($element2) 이렇게 하면 됩니다. if ($(this)[0] === $(this)[0]) alert('hello'); 그래서 이것은 if (openActivity[0] == $(this)[0]) alert('hello'); 아니면 그냥 if (openActivity[0] == this) alert('hello'); (새 jQuery 인스턴스 없음 ;-)이미 누군가가 말..

source 2023.08.26

부트스트랩: 모달에서 다른 모달 열기

부트스트랩: 모달에서 다른 모달 열기 그래서 이 코드를 사용하여 현재 열려 있는 모달 창에서 다른 모달 창을 엽니다. Click 약 500ms 동안 스크롤 막대가 복제됩니다.지금의 모달이 아직 희미해지고 있기 때문인 것 같습니다.하지만 그것은 매우 매끄럽지 않고 더듬거리는 것처럼 보입니다. 이 문제를 해결하기 위해 어떤 제안이라도 해주시면 감사하겠습니다. 또한 클릭 이벤트에서 이것을 구축하는 방법은 비전문적입니까? 부트스트랩 버전 3.0으로 작업 중입니다. 편집: 모달을 페이드 아웃하는 시간을 줄이는 것이 필요하다고 생각합니다.이것이 어떻게 가능한 걸까요?data-dismiss 창 를 닫게 . data-toggle 새로운 .href그 안의 내용 Click 또는 Click 효과가 있는지 알려주세요. 또한 ..

source 2023.08.26
반응형