'jQuery' 태그의 글 목록

다중 선택 dropdown-jquery를 사용하여 '완료'할 때까지 하나에서 다음으로 '체인화'작업 / 검증

질문 이것을 설명하는 더 좋은 방법을 생각할 수 없었기 때문에 제목에 대해 사과드립니다. 한 페이지에 여러 선택 dropdown이 있습니다. 하나의 선택은 두 번째에 영향을 미칠 수 있고, 두 번째의 선택은 세 번째에 영향을 미칠 수 있습니다. 등등 ... 마지막 동작은 세 가지 모두의 선택된 값을 사용하여 '끝'에서 수행됩니다. 나는 작동하는 것처럼 보이는 다음을 생각해 냈지만 이것을 처리하는 더 좋은 메소드가 있다고 믿어야합니다. 의사 코드이지만 아이디어를 얻어야합니다. 나는 이것을 'complete ()'에서 각 선택의 값을 기반으로 데이터 테이블을 표시하거나 차트를 표시하는 것과 같은 다양한 방법으로 사용할 것입니다. html some options here some options here som..

카테고리 없음 2020. 8. 20. 23:31

브라우저 새로 고침시 특정 열 내용 바꾸기

질문 $(".home").append($(".home .coco").sort(function () { return Math.random() - 0.5; })); .row{margin-bottom: 30px;} A B C D 1 2 3 4 Red Blue Green Black Run code snippetHide resultsExpand snippet 동일한 class (coco)를 가진 다른 열과 임의로 열 내용을 섞습니다. 이제 콘텐츠를 셔플하지만 행을 벗어납니다. 그리고 행에서 열을 제거하십시오. 답변1 .home목록에 .coco항목 만 포함 된 경우 메소드가 작동합니다. 그렇지 않으면 목록이 엉망이 될 것입니다. 여기서 아이디어는 .coco항목의 복사본을 만들고 정렬하고 .home목록을 반복하고 ...

카테고리 없음 2020. 8. 19. 01:40

저장 button을 클릭하여 출력 텍스트에 편집 상자를 표시하려면 어떻게해야합니까?

질문 저장 button을 클릭하여 출력 텍스트를 편집하려면 어떻게해야합니까? 도움이된다면 제발 .... $(document).ready(function(){ $("#btn").click(function(){ let getVal = $("#inputValue").val(); let button = `Button for ${getVal}` $("#output").html($("#output").html() + " " + getVal + button); }); }); jQuery input value display value Run code snippetHide resultsExpand snippet 답변1 $(document).ready(function(){ $("#btn").click(function(){..

카테고리 없음 2020. 8. 19. 01:29

Jquery를 사용하여 HTML에서 input [type =“radio”]으로 탭을 만드는 방법은 무엇입니까?

질문 Jquery를 사용하여 input [type = "radio"] 으로 탭을 만들려고하는데 탭이 첫 번째 클릭에서 제대로 작동하지만 두 번째 클릭을 클릭하면 작동하지 않습니다. 나는 그것에 붙어 있고 Jquery에서 누락 된 곳을 얻지 못했습니다. 누군가 나를 도울 수 있습니까? 코드 링크는 다음과 같습니다. 여기를 클릭 $('.tablist').on('click', 'input', function(){ var tabList = $('.tablist-content').attr('id'); if($(this).attr('type','radio').is(':checked') || $(this).next('label').text() == tabList){ $(this).parents('.tabWrapper..

카테고리 없음 2020. 8. 19. 00:49

범위 슬라이더가 다른 브라우저에서 작동하는 경우를 제외하고 인터넷 탐색에서 작동하지 않음

질문 $(function() { $(".slider").rangeslider(); }); $.fn.rangeslider = function(options) { var obj = this; var defautValue = obj.attr("value"); obj.wrap(""); obj.after("0"); obj.attr("oninput", "updateSlider(this)"); updateSlider(this); return obj; }; function updateSlider(passObj) { var obj = $(passObj); var value = obj.val(); var min = obj.attr("min"); var max = obj.attr("max"); var range = Math..

카테고리 없음 2020. 8. 18. 15:57

jQuery mouseenter () 및 mouseleave () 사용시 깜박임

질문 여러 답변의 조언에 따라 hover ()사용에서 mouseover () 로 마지막으로 mouseenter ()및 mouseleave () . 하지만 여전히 깜박이는 문제가 발생합니다 (.staff_img이미지 요소를 가리키면 mouseleave ()이벤트가 매초마다 계속 발생합니다. 내가 뭘 잘못하고 있는가?) JS $('.staff_img').mouseenter(function() { $(this).siblings('.staff_hover').fadeIn(); }); $('.staff_img').mouseleave(function() { $(this).siblings('.staff_hover').fadeOut(); }); HTML CSS .staff img { width: 100%; max-wid..

카테고리 없음 2020. 8. 18. 15:45

Jquery Div를 선택하고 숨겨진 다른 div를 트리거합니다.

질문 마우스가 관련 이미지 위에있을 때 튀어 나오는 정보 상자를 만들려고합니다.그러나 그것이 튀어 나오면 문자 그대로 이미지를 떠나기 때문에 그것을 튀어 나와 플래시로 만드는 데 성공했습니다 ... 저는 fadeToggle 대신 .mouseenter 및 FadeIn을 사용하여 마우스가 이미지 위에있을 때만 표시하려고 시도했지만 이미지에 마우스를 올릴 때마다 튀어 나오는 버그가 있습니다. 내 코드 (Node-JS 확장 포함) : HTML : Most Popular Campgrounds Read More View all campgrounds CSS : .infopop{ display: none; z-index: 1; position: absolute; top: 57%; width: 92.8%; height:..

카테고리 없음 2020. 8. 18. 15:33

높이가 다른 여러 고정 탐색 모음에 대한 부드러운 스크롤

질문 부드러운 스크롤이 데스크톱에서 완벽하게 작동하는 고정 상단 탐색 모음 (높이 75px)이 있습니다. 작은 화면에있을 때 높이가 낮은 다른 navbar (50px 높이)가 있으므로 앵커가 올바른 위치에 도착합니다. // Smooth Scoll $('a[href*="#"]') .not('[href="#"]') .not('[href="#0"]') .click(function(event) { if ( location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname ) { var target = $(this.hash); target = target.length ? target ..

카테고리 없음 2020. 8. 18. 15:04

동일한 선택의 다른 옵션을 클릭 할 때 여러 선택에서 옵션을 선택 취소하는 방법은 무엇입니까?

질문 Materializecss 프레임워크를 사용하여 html로 양식을 작성하고 있으며 양식에서 varios가 여러 항목을 선택합니다. 내 선택에서 다음 결과를 얻고 싶습니다. 먼저 해당 옵션에 "선택됨"속성이 있으므로 "없음"옵션이 선택됩니다. 노란색, 파란색 또는 빨간색과 같은 옵션을 선택하면 "없음"옵션이 자동으로 "고정 해제"되는 것을 원합니다.이 이미지의 예 : 다른 옵션을 선택할 때 선택하지 않아도됩니다. 다시 "없음"을 클릭하면 다른 옵션은 선택 취소해야합니다. JQuery로 그것을 얻고 싶지만 많은 일을 시도했지만 원하는 결과를 얻을 수 없습니다.도와 주 시겠어요? 저는 프로젝트에서 일하고 있는데이 부분은 정말 중요합니다. prop () 및 Attr ()과 같은 함수를 사용하여 "선택됨"속..

카테고리 없음 2020. 8. 18. 14:55

jQuery에서 특정 인덱스의 선택 상자 값 가져오기

질문 여러 옵션을 선택할 수있는 선택 상자가 있습니다. 이제 특정 인덱스의 가치를 얻고 싶습니다. 어떻게 할 수 있습니까? 예를 들어 다음 값을 가진 선택 상자가 있습니다. 0-애플1-주황색2-바나나3-파인애플 이제 바나나 인 인덱스 2의 값을 얻고 싶습니다. jQuery에서 어떻게 할 수 있습니까? 답변1 선택 상자에 값과 텍스트에 대해 동일한 값이 있으면 다음과 같이 eq () 및 val () 을 사용하여 두 번째 선택에 대한 값을 가져올 수 있습니다. console.log($("select option:eq(2)").val()); Apple Orange Banana Pineapple Run code snippetHide resultsExpand snippet 선택 항목에 숫자 값과 텍스트가있는 경우..

카테고리 없음 2020. 8. 11. 10:52

h2 요소의 값을 사용하여 요소에 제목을 동적으로 할당

질문 페이지가로드 될 때 그 위에 h2 요소의 값이있는 제목 속성이 자동으로 할당되도록 요소에 제목 속성을 동적으로 할당하는 방법이 있습니까? jQuery / javascript로 가능하다고 생각하지만 방법을 잘 모르겠습니다. 내가 시작한 코드는 다음과 같습니다. Website 1st Div Content of div with a class of contentbox, this div should dynamically be assign with the attribute of title that has the value of the h2 element that was on top of it. For this instance, it's title="Website". Portal 2nd Div Content o..

카테고리 없음 2020. 8. 11. 08:23

datepicker에서 ISO8601 형식 설정

질문 날짜 형식을 변경하는 코드가 있습니다. 누군가가 날짜를 선택할 때마다 다시 선택할 필요없이 ISO8601 yy-mm-dd 형식으로 포맷되도록 ISO 형식을 기본값으로 설정하는 방법을 알고 싶습니다. 다른 옵션을 선택한 다음 이전으로 돌아가는 경우에만 형식을 가정하기 때문입니다. Date: Format options: ISO 8601 - yy-mm-dd Short - d M, y 답변1 필요한 작업을 수행하려면 선택 기본값에 따라 초기화 옵션에서 날짜 형식 을 설정합니다. $(function() { let $datepicker = $("#datepicker"); let $format = $('#format'); $datepicker.datepicker({ dateFormat: $format.val()..

카테고리 없음 2020. 8. 7. 22:37

잡동사니

jQuery → (14)건