반응형

jquery 19

하위 요소 클릭 이벤트 부모 클릭 이벤트 트리거

하위 요소 클릭 이벤트 부모 클릭 이벤트 트리거 이런 코드가 있다고 치자. 나는 그것을 촉발시키고 싶지 않습니다.parentDiv클릭할 때 이벤트를 클릭합니다.childDiv, 이거 어떻게 해요? 업데이트됨 또한 이 두 종목의 실행 순서는 무엇입니까?event.stopPropagation()을 사용해야 합니다. 라이브 데모 $('#childDiv').click(function(event){ event.stopPropagation(); alert(event.target.id); });​ event.stop전파() 설명:이벤트가 DOM 트리에 버블링되지 않도록 하여 부모 핸들러가 이벤트를 알리지 않도록 합니다. jQuery 미포함 : DEMO AAA 저는 같은 문제에 직면했고 이 방법으로 해결했습니다.htm..

programing 2023.09.13

인덱스 뒤에 있는 모든 항목 제거

인덱스 뒤에 있는 모든 항목 제거 배열이 있습니다. array = ['mario','luigi','kong'] 인덱스 이전의 모든 항목을 제거하기 위해 스플라이스 함수를 호출합니다. array.splice(1) //-> ['luigi','kong'] 단지 스플라이스와 비슷한 기능으로 인덱스 후에 모든 아이템을 제거할 수 있는 기능이 있는지 궁금합니다. 의사 코드 array.mirrorsplice(1) //-> ['mario','luigi'] 변형보다 빠른 배열의 새 크기를 설정하는 데 사용합니다. var array = ['mario','luigi','kong', 1, 3, 6, 8]; array.length=2; alert(array); // shows "mario,luigi"; 왜 더 빠른 거지?제거된..

programing 2023.09.08

부트스트랩 모드: 함수가 아닙니다.

부트스트랩 모드: 함수가 아닙니다. 제 페이지에 모달이 있어요.창이 로드될 때 호출하려고 하면 콘솔에 다음과 같은 오류가 표시됩니다. $(...).modal is not a function 이것은 나의 Modal HTML입니다. × This Modal title Add some text here Close Submit changes 그리고 이것은 윈도우가 로딩될 때 그것을 실행하기 위한 나의 자바스크립트입니다. 이 문제를 해결하려면 어떻게 해야 합니까?스크립트 순서에 문제가 있습니다.다음 순서로 로드합니다. 왜 이런 거죠?부트스트랩 JS는 jQuery에 의존하기 때문에: 플러그인 종속성 일부 플러그인과 CSS 구성 요소는 다른 플러그인에 의존합니다.플러그인을 개별적으로 포함하는 경우 문서에서 이러한 종속..

programing 2023.09.08

Haml에 인라인 자바스크립트를 어떻게 포함합니까?

Haml에 인라인 자바스크립트를 어떻게 포함합니까? 템플릿에 포함시키려면 어떻게 해야 하나요, 하지만 햄에서? :javascript $(document).ready( function() { $('body').addClass( 'test' ); } ); 문서: http://haml.info/docs/yardoc/file.REFERENCE.html#javascript-filterChris Chalmers가 답변한 내용을 실제로 수행할 수 있지만 HAML이 JavaScript를 구문 분석하지 않도록 해야 합니다.이 접근 방식은 실제로 다음과 다른 유형을 사용해야 할 때 유용합니다.text/javascript내가 해야 할 일은MathJax. 사용할 수 있습니다.plainHAML이 스크립트를 구문 분석하고 잘못된..

programing 2023.09.03

jQuery 클릭이 동적으로 생성된 항목에 대해 작동하지 않습니다.

jQuery 클릭이 동적으로 생성된 항목에 대해 작동하지 않습니다. 이 질문에는 이미 다음과 같은 답이 있습니다. 동적으로 생성된 요소에 대한 이벤트 바인딩? (23개 답변) 마감됨8년 전에. (주진의 div각요순소 jQuery 있각습다조니이는하환어)의 각 요소를 순환하는 한 조각을 가지고 .#container범위를 클릭할 때마다 Javascript 경보를 실행합니다.이것은 다음과 같은 경우에 잘 작동합니다.는 정적입니다. 그러나 다음과 같은 코드를 사용하는 경우: $(someLink).click(function(){ $("#container").html( ) }); jQuery 코드가 실행되지 않습니다.하지만 이상하게도. 질문: 동적으로 생성된 항목에 대해 내 클릭 이벤트가 작동하지 않는 이유가 있습니..

programing 2023.08.29

익명 기능에서 작동하지 않는 lodash 디바운스

익명 기능에서 작동하지 않는 lodash 디바운스 안녕하세요. 키업 이벤트에 직접 전달할 때 디바운스 기능이 예상대로 작동하는 이유를 알 수 없지만 익명 기능으로 감싸면 작동하지 않습니다. 저는 그 문제에 대해 잘 알고 있습니다: http://jsfiddle.net/6hg95/1/ 편집: 제가 시도한 모든 것을 추가했습니다. HTML 자바스크립트 $(document).ready(function(){ $('#anonFunction').on('keyup', function () { return _.debounce(debounceIt, 500, false); //Why does this differ from #function }); $('#noReturnAnonFunction').on('keyup', func..

programing 2023.08.29

터치스크린용 jQuery UI 'draggable()' 디바지블을 만들려면 어떻게 해야 합니까?

터치스크린용 jQuery UI 'draggable()' 디바지블을 만들려면 어떻게 해야 합니까? UI jQuery UI를 .draggable()파이어폭스와 크롬에서 작동합니다.사용자 인터페이스 개념은 기본적으로 클릭하여 "포스트잇" 유형 항목을 만듭니다. 기본적으로 클릭하거나 탭합니다.div#everything(100% 높이 및 폭) 클릭을 수신하고 입력 텍스트 영역이 표시됩니다.텍스트를 추가하면 텍스트가 저장됩니다.이 요소를 끌어다 놓을 수 있습니다.일반 브라우저에서는 작동하지만 iPad에서는 항목을 끌어다 놓을 수 없습니다.터치하여 선택하면(약간 흐려짐) 끌 수 없습니다.왼쪽이나 오른쪽으로 전혀 끌리지 않습니다.위나 아래로 끌 수는 있지만 개인을 끌지는 않습니다.div웹페이지 전체를 끌고 갑니다. 클..

programing 2023.08.29

요소가 부모의 자식인지 확인

요소가 부모의 자식인지 확인 저는 다음과 같은 코드를 가지고 있습니다. Hello Child-Of-Hello Goodbye Child-Of-Goodbye 다음과 같은 경우에만 기대합니다.Child-Of-Hello 클됨릭,$('div#hello').parents(target).length>0을 반환합니다. 하지만 아무 곳이나 클릭할 때마다 발생합니다. 제 코드에 무슨 문제가 있나요?만약 당신이 다른 조상들이 아닌 직계 부모에게만 관심이 있다면, 당신은 그냥 사용할 수 있습니다.parent()그리고 그것에게 선택권을 주세요, 마치.target.parent('div#hello'). 예: http://jsfiddle.net/6BX9n/ function fun(evt) { var target = $(evt.tar..

programing 2023.08.29

제출하기 전에 양식에 필드를 추가하는 방법은 무엇입니까?

제출하기 전에 양식에 필드를 추가하는 방법은 무엇입니까? 자바스크립트와 JQuery를 사용하여 POST를 사용하여 HTTP 양식에서 보낼 필드를 추가하는 방법이 있습니까? 내 말은: 네. 숨겨진 매개 변수로 시도해 보세요. $("#form").submit( function(eventObj) { $("").attr("type", "hidden") .attr("name", "something") .attr("value", "something") .appendTo("#form"); return true; }); 사용해 보십시오. $('#form').submit(function(eventObj) { $(this).append(' '); return true; }); $('#form').append(''); 추가..

programing 2023.08.24

div의 내용을 백분율로 확대하시겠습니까?

div의 내용을 백분율로 확대하시겠습니까? 사용자가 상자 주위를 이동하여 페이지 레이아웃(기본 아이디어)을 작성할 수 있는 일종의 CMS 구축. 데이터베이스에서 실제 내용을 가져와서 "페이지"를 작성하고 싶은데, 50% 스케일로 표시됩니다. 저는 CSS 두 세트를 가질 수 있다는 것을 알고 있습니다. 하나는 실제 전면 페이지용이고 하나는 관리 도구용이며 모든 것을 그에 따라 축소할 수 있습니다. 하지만 그것은 유지해야 할 고통인 것 같습니다. 저는 어떤 종류의 jquery나 CSS 또는 제가 div를 채우고 50% 규모의 속성(?)을 줄 수 있는 무언가가 있기를 바라고 있었습니다.확대/축소 속성을 사용할 수 있습니다. #myContainer{ zoom: 0.5; -moz-transform: scale(0..

programing 2023.08.24
반응형