css3

JQuery에서 클릭한 요소를 제외한 모든 클래스를 선택하는 방법은 무엇입니까? 저는 Drupal에서 개발된 웹사이트를 가지고 있습니다.저는 아코디언과 같은 효과를 얻기 위해 collabsiblock(기본적으로 JQuery 플러그인)이라는 모듈을 사용합니다.그것은 저와 잘 작동하고 있습니다(비록 베타 버전이지만).하지만 사용자가 아코디언의 한 항목을 클릭하면 다른 항목이 접히도록 수정하고 싶습니다. 현재 통계에서는 사용자가 한 항목을 클릭하면 해당 항목이 이미 접히거나 확장되었는지 확인하고 해당 항목을 반대로 만드는 방식으로 작동합니다.즉, 사용자가 한 항목을 클릭하면 해당 항목이 확장되고 다른 항목을 클릭하면 해당 항목도 확장되지만 이전에 클릭한 항목은 축소되지 않습니다. 아래 코드를 보실 수 있습니다..

텍스트 깜박임 jQuery jQuery에서 텍스트를 쉽게 깜박이게 하는 방법과 중지하는 방법은 무엇입니까?IE, FF 및 Chrome에서 작동해야 합니다.감사해요.어떤 텍스트를 깜빡이는 플러그인은 제게 약간 오버킬처럼 들립니다... 해보세요... $('.blink').each(function() { var elem = $(this); setInterval(function() { if (elem.css('visibility') == 'hidden') { elem.css('visibility', 'visible'); } else { elem.css('visibility', 'hidden'); } }, 500); }); 이 깜박임 플러그인을 사용해 보십시오. 예를들면 $('.blink').blink(); //..

jQuery 'click', 'bind', 'live', 'delegate', 'trigger', 'on' 기능(예시)의 차이는 무엇입니까? 의 각 기능에 대한 설명서를 읽었지만 아래 기능 간의 비교 목록은 없습니다. $().click(fn) $().bind('click',fn) $().live('click',fn) $().delegate(selector, 'click', fn) $().trigger('click') // UPDATED $().on('click', selector ,fn); // more UPDATED 참조 링크를 사용하지 마십시오. 위의 모든 기능이 정확히 어떻게 작동하며 어떤 상황에서 선호되어야 합니까? 참고: 동일한 기능이나 메커니즘을 가진 다른 기능이 있다면 자세히 설명해 주십시오..

jQuery를 사용하여 빈 텍스트 입력 선택 jQuery를 사용하여 빈 텍스트 상자를 식별하려면 어떻게 해야 합니까?가능하다면 셀렉터를 사용해서 하고 싶습니다.또한 이것을 사용하고 싶은 실제 코드에서는 모든 텍스트 입력을 선택하고 싶지 않기 때문에 id를 선택해야 합니다. 다음 두 코드 예제에서 첫 번째 코드는 사용자가 "txt2" 텍스트 상자에 입력한 값을 정확하게 표시합니다.두 번째 예제는 빈 텍스트 상자가 있음을 식별하지만, 입력해도 빈 텍스트 상자로 간주됩니다.왜 이러한가? 셀렉터만 사용해도 됩니까? 이 코드는 텍스트 상자 "txt2"에 값을 보고합니다. 이 코드는 항상 텍스트 상자 "txt2"를 비어 있는 것으로 보고합니다. 다른 방법 $('input:text').filter(function()..

Twitter Bootstrap CSS 클래스에 대한 jQuery show()가 숨겨짐 트위터 부트스트랩을 사용하고 있는데 jQuery가show()또는fadeIn()DOM 요소를 클래스로 표시하지 않습니다.hiddenjQuery 기능이 다음만 제거하기 때문에 나타납니다.display: none사양.하지만, 그visibility여전히 로 설정되어 있습니다.hidden. 이 문제를 해결할 수 있는 가장 좋은 방법이 무엇인지 궁금합니다. 제거합니다.hidden그 요소에 관한 수업 가시성 속성 변경 내 CSS의 숨겨진 클래스 덮어쓰기 특히 이것을 jQuery나 css로 수정하는 것이 더 나은지, 그 이유를 알고 싶습니다.당신이 찾고 있는 css 수업은.collapse요소를 다음으로 설정합니다.display: n..

아이들의 수를 어떻게 셀 수 있습니까? 목록이 있습니다. ... 제 목록에 있는 항목 수를 세려면 jQuery가 필요합니다.다음과 같이 사용할 수 있습니다. var count = $("ul li").length; .length 선택기가 발견한 일치 항목 수를 나타내므로 이 값은 검색된 항목 수를 계산합니다.아래당신이 가지고 있는 요소들...하위 자식이 있는 경우 사용"ul > li"대신에 직접적인 아이들만 얻는 것.다른 것이 있다면,페이지의 요소, 예를 들어 사용할 ID가 있는 경우 선택기만 해당 선택기와 일치하도록 변경하십시오."#myListID > li". 하위 유형을 모르는 다른 상황에서는 다음을 사용할 수 있습니다.*(계속) 선택기, 또는.children()다음과 같이: var count = $(..

jQuery로 파일 입력 크기를 확인하는 방법은 무엇입니까? 파일 업로드 기능이 있는 양식을 가지고 있는데 사용자가 업로드하려는 파일이 너무 클 경우 클라이언트 측 오류 보고를 잘 하고 싶습니다. jQuery를 사용하여 파일 크기를 확인할 수 있는 방법이 있습니까? 순전히 클라이언트에 있거나 서버에 파일을 다시 게시하여 확인할 수 있습니까?실제로 파일 시스템(예: 로컬 파일 읽기 및 쓰기)에 액세스할 수 없지만 HTML5 File API 사양으로 인해 액세스할 수 있는 일부 파일 속성이 있으며 파일 크기도 그 중 하나입니다. 아래 HTML의 경우 다음을 시도해 보십시오. //binds to onchange event of your input field $('#myFile').bind('change', f..

새 줄을 분할하는 방법 저는 jQuery를 사용하고 있고, 텍스트 영역이 있습니다.버튼으로 제출하면 새 줄로 구분된 각 텍스트에 알림을 보냅니다.새 줄이 있을 때 내 텍스트를 분할하는 방법은 무엇입니까? var ks = $('#keywords').val().split("\n"); (function($){ $(document).ready(function(){ $('#data').submit(function(e){ e.preventDefault(); alert(ks[0]); $.each(ks, function(k){ alert(k); }); }); }); })(jQuery); 입력 예: Hello There 원하는 결과는 다음과 같습니다. alert(Hello); and alert(There) 플랫폼(운영 ..

jQuery를 사용하여 페이지를 앵커로 스크롤하거나 아래로 이동하는 방법은 무엇입니까? 페이지 위쪽 또는 아래쪽 로컬 앵커에 대한 링크를 클릭할 때 슬라이드 효과를 포함하는 방법을 찾고 있습니다. 저는 당신이 다음과 같은 링크를 가지고 있는 것을 원합니다. link text, img etc. 이 링크를 슬라이딩 링크로 사용할 수 있도록 클래스가 추가된 경우: link text, img etc. 그런 다음 이 링크를 클릭하면 페이지가 필요한 위치(div, 제목, 페이지 맨 위 등)로 위 또는 아래로 이동합니다. 이것이 제가 이전에 가졌던 것입니다. $(document).ready(function(){ $(".scroll").click(function(event){ //prevent the default a..

부트스트랩 모달: 전환 시 배경이 맨 위로 이동합니다. 모달에 문제가 있어요페이지에 모달을 전환하는 버튼이 있습니다.모달이 나타나면 페이지가 맨 위로 이동합니다. 해결책을 찾기 위해 최선을 다했지만 정말 막막합니다. 편집: 저는 또한 다음과 같이 시도했습니다.$('#myModal').modal('show');하지만 정확히 같은 효과가 있습니다. 모이열리면달면열.modal-open클래스는 다음으로 설정됩니다.tag.이는 그태로 됩니다. 이 클래스 세트overflow: hidden;bootstrap.css 파일을 재정의하려면 스타일시트에 이 규칙을 합니다. body.modal-open { overflow: visible; } 이제 스크롤이 제자리에 있어야 합니다.태그를 사용하여 모달을 호출하는 경우.href..