반응형

jQuery 34

변경 이벤트에서 jQuery 드롭다운 값을 가져오는 방법

변경 이벤트에서 jQuery 드롭다운 값을 가져오는 방법 나는 두 개의 jQuery UI 드롭다운 자동 완성 스크립트를 추가했습니다.이제 두 번째 드롭다운 변경 시 두 개의 값을 모두 얻고 변수에 별도로 저장하고 싶습니다.어떻게 그것이 가능합니까? 어떤 아이디어나 제안이 있습니까?감사해요. 마이 피들: 샘플 내 JS 코드: (function($) { $.widget("ui.combobox", { _create: function() { var self = this, select = this.element.hide(), selected = select.children(":selected"), value = selected.val() ? selected.text() : ""; var input = this.i..

programing 2023.09.05

자바스크립트에서 html 요소 객체를 복제하는 것이 가능합니까?

자바스크립트에서 html 요소 객체를 복제하는 것이 가능합니까? 테이블에 HTML 요소(예: 상자 선택 입력 필드)가 있습니다.이제 개체를 복사하여 복사본에서 새 개체를 생성하고 JavaScript 또는 jQuery를 사용합니다.어떻게든 될 것 같은데 지금은 좀 모르겠어요. 다음과 같은 것(의사 코드): oldDdl = $("#ddl_1").get(); newDdl = oldDdl; oldDdl.attr('id', newId); oldDdl.html(); 현대적인 접근 방식은 다음과 같은 기능을 사용하는 것입니다. let new_element = element.cloneNode(true); 여기서 부울은 하위 노드도 복제할지 여부를 나타냅니다. 그런 다음 복제된 요소를 DOM에 추가할 수 있습니다.예를 ..

programing 2023.08.26

JQuery를 사용한 부트스트랩 탭 활성화

JQuery를 사용한 부트스트랩 탭 활성화 다음 코드가 있습니다. AAA BBB CCC ...Content... ...Content... ...Content... 그리고 다음 스크립트: $(document).ready(function(){ activaTab('aaa'); }); function activaTab(tab){ $('.tab-pane a[href="#' + tab + '"]').tab('show'); }; 이 경우 페이지가 준비되면 두 번째 탭이 활성화되지만 줄에 항상 JavaScript 오류가 표시됩니다.$('.tab-pane a[href="#' + tab + '"]').tab(); 누가 저를 도와주실 수 있나요?에서 선택기 적용.nav-tabs작동 중인 것 같습니다.이 데모를 참조하십시오...

programing 2023.08.21

개체 배열에서 개체 속성 수정

개체 배열에서 개체 속성 수정 var foo = [{ bar: 1, baz: [1,2,3] }, { bar: 2, baz: [4,5,6] }]; var filtered = $.grep(foo, function(v){ return v.bar === 1; }); console.log(filtered); http://jsfiddle.net/98EsQ/ 새 배열 및/또는 개체를 만들지 않고 특정 개체 속성(위에서 필터링한 속성과 같은)을 수정할 수 있는 방법이 있습니까? 원하는 결과:[{ bar: 1, baz: [11,22,33] }, { bar: 2, baz: [4,5,6] }].map펼침과 함께)...) 연산자 var result = foo.map(el => el.bar == 1 ? {...el, baz: ..

programing 2023.08.21

이미지를 URL에서 Base64로 변환

이미지를 URL에서 Base64로 변환 이미지 파일을 사용하여 웹 서비스로 전송해야 하는 이미지의 URL을 얻습니다.여기서 이미지를 로컬로 시스템에 저장해야 합니다. 사용 중인 코드: var imagepath = $("#imageid").val();// from this getting the path of the selected image that var st = imagepath.replace(data:image/png or jpg; base64"/""); 이미지 URL을 BASE64로 변환하는 방법은 무엇입니까?HTML 자바스크립트 function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = im..

programing 2023.08.16

새로 고침 없이 URL에 매개 변수 추가

새로 고침 없이 URL에 매개 변수 추가 이전에도 여러 번 질문을 받았지만 답변이 제 문제를 해결하기에 충분하지 않았습니다.나는 페이지의 전체 URL을 변경하고 싶지 않습니다.매개 변수를 추가합니다.&item=brand버튼 클릭 시 새로 고침 없이 클릭합니다. 사용.document.location.search += '&item=brand';페이지를 새로 고칩니다. 사용.window.location.hash = "&item=brand";새로 고치지 않고 해시만 포함하여 추가#매개 변수의 사용/효과를 제거합니다.추가 후 해시를 제거하려고 했지만 작동하지 않았습니다. 이 답변과 많은 다른 답변들은 HTML5 History API의 사용을 사용할 것을 제안합니다.history.pushState이전 브라우저의 경..

programing 2023.08.11

비디오 요소를 올바르게 언로드/파괴하는 방법

비디오 요소를 올바르게 언로드/파괴하는 방법 다음을 사용하는 실시간 미디어 브라우징/재생 응용 프로그램을 만들고 있습니다.사용 가능한 경우 재생할 수 있도록 브라우저의 개체를 표시합니다. 스트레이트 자바스크립트와 jQuery를 혼합하여 사용하고 있습니다. 제 관심사는 특히 기억력입니다.애플리케이션은 창에서 다시 로드되지 않으며 사용자는 많은 비디오를 볼 수 있으므로 메모리 관리는 시간이 지남에 따라 큰 문제가 됩니다.오늘 테스트에서는 메모리 프로파일이 이후 로드할 때마다 스트리밍할 비디오 크기만큼 점프하고 기준선으로 다시 내려가지 않는 것을 확인했습니다. 저는 같은 결과로 다음과 같은 것들을 시도해 보았습니다. 1 - 생성된 요소가 들어 있는 상위 컨테이너를 비웁니다(예: $(container_selec..

programing 2023.08.11

jQuery 방해되지 않는 유효성 검사란 무엇입니까?

jQuery 방해되지 않는 유효성 검사란 무엇입니까? jQuery Validation 플러그인이 무엇인지 알고 있습니다.jQuery Untrusive Validation 라이브러리는 Microsoft에서 만든 것으로 ASP에 포함되어 있습니다.NET MVC 프레임워크.하지만 그것이 무엇인지 설명할 수 있는 단 하나의 온라인 소스를 찾을 수 없습니다.표준 jQuery Validation 라이브러리와 "방해가 되지 않는" 버전의 차이점은 무엇입니까?브래드 윌슨은 눈에 띄지 않는 검증과 눈에 띄지 않는 아약스에 관한 훌륭한 기사를 몇 개 가지고 있습니다. 또한 "AJAX 및 JavaScript" 섹션의 이 다중 사이트 비디오에서도 매우 잘 표시됩니다. 기본적으로 자체 검증 코드로 소스 코드를 오염시키지 않는 ..

programing 2023.08.06

jDIV를 다른 DIV로 복제합니다.

jDIV를 다른 DIV로 복제합니다. DIV를 다른 DIV에 복사하는 데 도움이 필요하고 이것이 가능하기를 바랍니다.HTML은 다음과 같습니다. 그런 다음 페이지의 다른 위치에 다른 DIV가 있는데 '버튼' div를 다음 '패키지' div에 복사하려고 합니다. Place 'button' div in here 다음을 사용할 수 있습니다.clone()요소의 전체 복사본을 가져오는 방법: $(function(){ var $button = $('.button').clone(); $('.package').html($button); }); 전체 데모: http://jsfiddle.net/3rXjx/ jQuery 문서에서: .clone() 메서드는 일치하는 요소 집합의 전체 복사본을 수행합니다. 즉, 일치하는 요소와..

programing 2023.08.06

jQuery.scrollTop(); + 애니메이션

jQuery.scrollTop(); + 애니메이션 버튼을 클릭하면 페이지가 맨 위로 스크롤되도록 설정했습니다.하지만 먼저 if 문을 사용하여 페이지 상단이 0으로 설정되어 있지 않은지 확인했습니다.그러면 0이 아니면 맨 위로 스크롤할 페이지를 애니메이션화합니다. var body = $("body"); var top = body.scrollTop() // Get position of the body if(top!=0) { body.animate({scrollTop:0}, '500'); } 이제 까다로운 부분은 페이지가 맨 위로 스크롤된 후에 무언가를 애니메이션화하는 것입니다.그래서 저의 다음 생각은 페이지 위치가 무엇인지 알아보는 것입니다.그래서 저는 콘솔 로그를 사용하여 알아냈습니다. console.lo..

programing 2023.08.01
반응형