반응형

jQuery 29

레일, link_to helper 클릭 후 자바스크립트가 로딩되지 않음

레일, link_to helper 클릭 후 자바스크립트가 로딩되지 않음 레일에서 link_to helper를 사용할 때 javascript를 로드하는 데 문제가 있습니다.수동으로 'localhost:3000/products/new'로 url을 입력하거나 페이지를 다시 로드하면 javascript가 로드되지만 아래와 같이 링크를 거치면 jQuery가 실행됩니다.$(document).ready새 페이지에 로드되지 않습니다. Link_to, 다음 링크를 클릭하면 javascript가 로드되지 않습니다. products.js 파일 $(document).ready(function() { alert("test"); }); 어떤 도움이라도 주시면 감사하겠습니다.미리 감사드립니다!레일 4를 사용하고 있습니까? (해봄으..

source 2023.11.02

jQuery 객체 및 DOM 요소

jQuery 객체 및 DOM 요소 jQuery object와 DOM element의 관계를 이해하고 싶습니다. jQuery가 요소를 반환하면 다음과 같이 표시됩니다.[object Object]비상시에언제getElementByID표시되는 요소를 반환합니다.[object HTMLDivElement] 그게 정확히 무슨 뜻입니까?제 말은 둘 다 차이가 있는 물건인가요? 또한 jQuery object vs DOM element에서 작동할 수 있는 메소드는 무엇입니까?단일 jQuery 객체가 여러 DOM 요소를 나타낼 수 있습니까? jQuery object와 DOM element의 관계를 이해하고 싶습니다. jQuery 개체는 DOM 요소를 포함하는 배열과 유사한 개체입니다.jQuery 개체는 사용하는 선택기에 따..

source 2023.10.23

제출 버튼을 사용하지 않고 표준 HTML 유효성 검사(양식)를 트리거하시겠습니까?

제출 버튼을 사용하지 않고 표준 HTML 유효성 검사(양식)를 트리거하시겠습니까? 이 질문에는 이미 다음과 같은 답변이 있습니다. HTML 양식 요소가 모두 유효한 경우 양식 작업을 회피하고 jQuery를 실행하려면 어떻게 해야 합니까? (5개 답변) 닫힘7개월 전에. 제출 버튼을 사용하지 않고 양식으로 표준 HTML5 유효성 검사를 트리거할 수 있는 방법을 아는 사람?(JavaScript 또는 jQuery). 보내고 싶지 않습니다.POST/GET요청, 유효성 검사만 수행합니다.reportValidity를 사용할 수 있지만 아직 브라우저 지원이 좋지 않습니다.Chrome, Opera, Firefox에서는 작동하지만 IE나 Edge, Safari에서는 작동하지 않습니다. var myform = $("#my..

source 2023.10.18

jQuery를 사용하여 텍스트 정렬 스타일을 동적으로 추가하는 방법

jQuery를 사용하여 텍스트 정렬 스타일을 동적으로 추가하는 방법 CSS 2.1 주변의 일반적인 IE 버그를 수정하려고 하는데 사용자 지정 텍스트 정렬 스타일을 추가하기 위해 요소 스타일 속성을 변경하는 방법이 필요합니다. 현재 jQuery에서는 다음과 같은 일을 할 수 있습니다. $(this).width() or $(this).height() 하지만 이와 같은 접근 방식으로 텍스트 정렬을 변경할 수 있는 좋은 방법을 찾을 수 없는 것 같습니다. 그 아이템은 이미 클래스가 있는데 그 클래스에 텍스트 정렬을 해놓았는데 운이 없었습니다.클래스가 정의된 후에 이 요소에 텍스트 정렬 CSS 속성을 추가할 수 있습니까? 이런 거 있어요. $(this).css("text-align", "center"); 폭을 조..

source 2023.10.18

두 jQuery 결과를 결합하는 방법

두 jQuery 결과를 결합하는 방법 jQuery 검색 결과 두 개를 어떻게 결합합니까?예: var $allFoos = $('.foo'), $allBars = $('.bar') $allFoosAndBars = $allFoos + $allBars; 분명히 저는 방금 그 마지막 줄을 지어냈지만, 제가 무슨 말을 하는지 확실히 하기를 바랍니다.분명히 말하면, 예제는 매우 단순화되어 있고, 제가 말하는 임의의 집합일 수도 있습니다.$('.foo, .bar')내가 원하는 게 아닙니다add()를 사용할 수 있습니다; var $foos = $('.foo'); var $foosAndBars = $foos.add('.bar'); 아니면 var $allFoosAndBars = $allFoos.add($allBars); 또..

source 2023.10.08

jQuery로 전화번호 서식 지정하는 방법

jQuery로 전화번호 서식 지정하는 방법 는 현재 .2124771000 번호를 수 있는 를 들어 .212-477-1000. 여기 제 전류가 있습니다.HTML: 2124771000 단순: http://jsfiddle.net/Xxk3F/3/ $('.phone').text(function(i, text) { return text.replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3'); }); 또는: http://jsfiddle.net/Xxk3F/1/ $('.phone').text(function(i, text) { return text.replace(/(\d\d\d)(\d\d\d)(\d\d\d\d)/, '$1-$2-$3'); }); 참고: 입력 요소에는 .text() 메서드를 사용할..

source 2023.10.08

jQuery UI 대화상자에서 첫번째 텍스트 상자에 포커스를 설정하지 못하도록 합니다.

jQuery UI 대화상자에서 첫번째 텍스트 상자에 포커스를 설정하지 못하도록 합니다. 사용자가 링크를 클릭할 때 표시되도록 jQuery UI modal 대화상자를 설정했습니다.해당 대화상자 div 태그에는 두 개의 텍스트 상자(간단하게 1에 대한 코드만 표시)가 있으며 초점에 따라 반응하는 jQuery UI DatePicker 텍스트 상자로 변경됩니다. 문제는 jQuery UI 대화상자('open')가 어떻게든 포커스가 있는 첫 번째 텍스트 상자를 트리거하고, 그 다음에 바로 날짜 선택 달력이 열리도록 트리거한다는 것입니다. 그래서 자동적으로 초점이 생기지 않도록 하는 방법을 찾고 있습니다. Add reservation 그 위에 숨겨진 스팬을 추가하고, ui-helper-hidden-accessible..

source 2023.09.28

Google 차트 창 크기 조정/축소

Google 차트 창 크기 조정/축소 창 크기 조정에서 Google 라인 차트를 다시 그리거나 축소하려면 어떻게 합니까?창 크기 조정이 완료된 경우에만 다시 그리기를 하고 여러 트리거를 방지하려면 이벤트를 만드는 것이 더 낫다고 생각합니다. //create trigger to resizeEnd event $(window).resize(function() { if(this.resizeTO) clearTimeout(this.resizeTO); this.resizeTO = setTimeout(function() { $(this).trigger('resizeEnd'); }, 500); }); //redraw graph when window resize is completed $(window).on('resize..

source 2023.09.18

자바스크립트/jQuery에서 문자열의 픽셀 길이를 결정하시겠습니까?

자바스크립트/jQuery에서 문자열의 픽셀 길이를 결정하시겠습니까? jQuery/JavaScript에서 문자열의 픽셀 길이를 결정할 수 있는 방법이 있습니까?HTML 캔버스에 사용되는 컨텍스트에는 글꼴 크기를 확인할 수 있는 기본 제공 방법이 있습니다.이 메서드는 다음을 반환합니다.TextMetrics텍스트의 너비를 포함하는 너비 속성을 가진 개체입니다. function getWidthOfText(txt, fontname, fontsize){ if(getWidthOfText.c === undefined){ getWidthOfText.c=document.createElement('canvas'); getWidthOfText.ctx=getWidthOfText.c.getContext('2d'); } var f..

source 2023.09.18

jQuery: 변수를 선택기로 사용

jQuery: 변수를 선택기로 사용 이 질문에는 이미 다음과 같은 답변이 있습니다. j변수가 있는 선택기 쿼리 (5개 답변) 닫힘10년 전에. 지역사회는 작년에 이 질문을 재개할 것인지 검토하고 그것을 비공개로 했습니다. 원래 근접 사유가 해결되지 않았습니다. 조치를 취하고자 하는 문단의 선택 도구로 변수를 사용하는 데 문제가 있습니다.구체적으로 몇 개의 제목 요소와 같은 수의 문단이 있습니다.원하는 결과는 제목 1을 클릭하면 1항에 대한 조치를 취한다는 것입니다.개발 목적으로 제목을 클릭하면 해당 단락의 텍스트가 색을 바꾸는 간단한 사례를 만들었습니다.솔루션을 하드 코드화하면 작동하지만 선택기로 변수를 전달하면 실패합니다. jQuery는 다음과 같습니다. jQuery(document).ready(fun..

source 2023.09.18
반응형