반응형

jQuery 27

슬릭 회전목마 아이템 사이에 공백을 추가하는 방법

슬릭 회전목마 아이템 사이에 공백을 추가하는 방법 두 개의 매끄러운 회전목마 아이템 사이에 공간을 추가하고 싶지만 패딩이 있는 공간을 원하지 않습니다. 왜냐하면 그것이 내 요소 크기를 줄이고 있기 때문입니다. (그리고 나는 그것을 원하지 않습니다.) $('.single-item').slick({ initialSlide: 3, infinite: false }); .slick-slider { margin:0 -15px; } .slick-slide { padding:10px; background-color:red; text-align:center; margin-right:15px; margin-left:15px; } 1 2 3 4 5 6 어찌된 일인지 양쪽에서 공간이 확보되고 있어, 그걸 없애려고 노력하고 있..

code 2023.10.15

한 요소의 모든 속성을 복사하여 다른 요소에 적용하는 방법은?

한 요소의 모든 속성을 복사하여 다른 요소에 적용하는 방법은? 한 요소의 속성을 다른 요소에 복사하려면 어떻게 해야 합니까? HTML ... No attributes yet 자바스크립트 var $div = $('div'); var $select = $('select'); //now copy the attributes from $select to $div 네이티브 속성 http://jsfiddle.net/SDWHN/16/ 을 사용할 수 있습니다. var $select = $("select"); var $div = $("div"); var attributes = $select.prop("attributes"); // loop through attributes and apply them on $.each(at..

code 2023.10.15

jQuery/Javascript에서 변수를 regex로 전달하는 방법

jQuery/Javascript에서 변수를 regex로 전달하는 방법 jQuery/Javascript에서 regex에 변수를 전달하는 방법이 있습니까? 나는 다음과 같은 것을 하고 싶습니다. var variable_regex = "bar"; var some_string = "foobar"; some_string.match(/variable_regex/); 루비에서 할 수 있는 일은 다음과 같습니다. some_string.match(/#{variable_regex}/) 유용한 게시물을 찾았습니다. javascript에서 regex 리터럴을 연결하려면 어떻게 해야 합니까?자바스크립트는 루비처럼 보간을 지원하지 않습니다 -- 당신은 다음을 사용해야 합니다.RegExp생성자: var aString = "foob..

code 2023.10.15

프레임이 로드되었는지, 내용이 있는지 확인하는 방법은 무엇입니까?

프레임이 로드되었는지, 내용이 있는지 확인하는 방법은 무엇입니까? ID가 = "myIframe"인 iframe이 있고 여기 내용을 로드할 코드가 있습니다. $('#myIframe').attr("src", "my_url"); 문제는 로딩에 시간이 너무 오래 걸리는 경우도 있고 매우 빠르게 로딩되는 경우도 있다는 것입니다.그래서 setTimeout 기능을 사용해야 합니다. setTimeout(function(){ if (//something shows iframe is loaded or has content) { //my code } else { $('#myIframe').attr("src",""); //stop loading content } },5000); 제가 알고 싶은 것은 iFrame이 로딩되어 있..

code 2023.10.10

HTML 테이블에서 실시간 검색 및 필터링을 수행하는 방법

HTML 테이블에서 실시간 검색 및 필터링을 수행하는 방법 한동안 구글에서 스택 오버플로를 검색했는데 이 문제를 해결할 수가 없습니다. 나는 과일을 포함한 표준 HTML 테이블을 가지고 있습니다.이와 같습니다. Apple Green Grapes Green Orange Orange 이 위에 텍스트 상자가 있는데, 사용자 유형으로 테이블을 검색하고자 합니다.그래서 타이핑을 하면.Gre예를 들어, 테이블의 주황색 줄이 사라지고, 사과와 포도가 남습니다.만약 그들이 계속해서 타이핑을 했다면.Green Gr사과줄은 포도만 남기고 사라져야 합니다.이 점이 분명했으면 좋겠습니다. 그리고 사용자가 텍스트 상자에서 쿼리의 일부 또는 전부를 삭제할 경우, 쿼리와 일치하는 모든 행이 다시 나타나길 바랍니다. jQuery에서..

code 2023.09.25

모든 확인란이 선택되어 있는지 확인합니다.

모든 확인란이 선택되어 있는지 확인합니다. 모든 확인란이 다음과 같이 표시되는지 확인하려면 어떻게 해야 합니까?class="abc"선택되었습니까? 그 중 하나가 체크되거나 체크되지 않을 때마다 확인해야 합니다.클릭할 때 하나요 아니면 변경할 때 하나요?가장 쉬운 방법은 이 상태를 확인하는 것이라고 생각합니다. $('.abc:checked').length == $('.abc').length 새 확인란을 선택할 때마다 이 작업을 수행할 수 있습니다. $(".abc").change(function(){ if ($('.abc:checked').length == $('.abc').length) { //do something } }); $('input.abc').not(':checked').length > 0 사용..

code 2023.09.15

양식 없이 파일 업로드

양식 없이 파일 업로드 양식을 사용하지 않고 다음에서 파일/파일을 보낼 수 있습니까?…까지jQuery를 사용하는 POST 메서드를 사용하는 php'입니다.입력 태그가 양식 태그 안에 없습니다.그것은 개별적으로 서 있습니다.그래서 'axForm'이나 'axSubmit' 같은 jQuery 플러그인을 사용하고 싶지 않습니다.양식 데이터를 사용하여 POST 요청으로 데이터를 제출할 수 있습니다.다음은 간단한 예입니다. var myFormData = new FormData(); myFormData.append('pictureFile', pictureInput.files[0]); $.ajax({ url: 'upload.php', type: 'POST', processData: false, // important c..

code 2023.08.21

요소가 애니메이션화되고 있는지 여부를 jQuery로 확인하려면 어떻게 해야 합니까?

요소가 애니메이션화되고 있는지 여부를 jQuery로 확인하려면 어떻게 해야 합니까? 페이지에서 일부 요소를 이동하려고 하는데 애니메이션이 발생하는 동안 "overflow:hidden"을 요소에 적용하고 애니메이션이 완료되면 "overflow"를 "auto"로 되돌리고 싶습니다. jQuery에 일부 요소가 애니메이션화되는지 여부를 결정하는 유틸리티 기능이 있다는 것을 알고 있지만 문서에서 찾을 수 없습니다.if( $(elem).is(':animated') ) {...} 더 많은 정보: https://api.jquery.com/animated-selector/ 또는: $(elem) .css('overflow' ,'hidden') .animate({/*options*/}, function(){ // Callb..

code 2023.08.16

클래스 제거 시 CSS 애니메이션을 되돌릴 수 있습니까?

클래스 제거 시 CSS 애니메이션을 되돌릴 수 있습니까? 기본적으로 제가 하려는 것은 요소가 클래스를 얻었을 때 CSS 애니메이션을 제공하고, DOM이 렌더링할 때 애니메이션을 재생하지 않고 클래스를 제거했을 때 해당 애니메이션을 되돌리는 것입니다. Fiddle here: http://jsfiddle.net/bmh5g/ 바이올린에서 볼 수 있듯이, "Hover Me" 버튼을 누르면,#item털썩 주저앉다마우스로 호버 버튼을 끄면,#item그냥 사라집니다.나는 되고 싶다.#item(동일한 애니메이션을 사용하지만 반대로) 위로 뒤집습니다.이것이 가능합니까? $('#trigger').on({ mouseenter: function() { $('#item').addClass('flipped'); }, mousel..

code 2023.08.16

Javascript 파일을 동적으로 로드하기 위한 JQuery

Javascript 파일을 동적으로 로드하기 위한 JQuery 사용자가 특정 버튼을 클릭할 때만 로드하고 싶은 매우 큰 자바스크립트 파일이 있습니다.저는 jQuery를 프레임워크로 사용하고 있습니다.이를 수행하는 데 도움이 되는 내장 메서드 또는 플러그인이 있습니까? 추가 세부 정보:TinyMCE Javascript 파일을 로드해야 하는 "Add Comment" 버튼이 있습니다(TinyMCE 항목을 모두 JS 파일 하나로 압축했습니다). 그런 다음 TinyMCE.init(...)를 호출합니다. 모든 사용자가 "댓글 추가"를 클릭하지 않기 때문에 처음 페이지 로드 시 이 메시지를 로드하고 싶지 않습니다. 제가 할 수 있는 일은 이해합니다. $("#addComment").click(function(e) { ..

code 2023.08.11
반응형