선택 시 라디오 버튼의 테두리 효과 유지

두 가지 라디오 유형 옵션이 있습니다. 옵션을 선택하면 파란색 테두리가 표시됩니다. 문제는 다른 곳을 클릭하면 테두리 효과가 사라진다는 것입니다. 다른 옵션으로 전환하지 않는 한 클릭할 때마다 파란색 테두리 효과가 유지되도록 하고 싶습니다. 그리고 오른쪽의 "스팬"에 가격을 입력하고 왼쪽에 제품명을 유지하려면 어떻게 해야 하나요? .checkbox-custom,.radio-custom{불투명도:0;위치:절대;}.checkbox-custom,.ch

P粉769045426 2023-09-03 21:25:38 0  1  572

최종 사용자의 현재 선택에 따라 선택 상자에서 선택한 옵션을 이동하려면 jquery 스크립트가 필요합니다.

최종 사용자가 선택 상자 요소를 통해 항목의 순위를 지정할 수 있는 HTML 페이지가 있습니다. 간단한 데모를 보려면 바이올린을 참조하세요: https://jsfiddle.net/Balkanlii/ghecv1j8/1/ 동일한 순위를 두 번째로 선택하는 경우(최종 사용자가 마음을 바꾸는 경우) jquery 스크립트를 작성하고 싶습니다. 등) 선택한 옵션이 변경됩니다. 따라서 항목 1이 1번으로 선택되었다고 가정하고 최종 사용자가 항목 2로 이동하여 이 항목을 1번으로 설정하기로 결정하면 여기서는 옵션 1만 선택해야 합니다.

P粉170858678 2024-04-04 18:40:04 0  1  3764

angle.js - 다음 구조의 객체가 있습니다. ng-options를 사용하여 페이지에 표시할 점수 필드를 양방향으로 바인딩하고 싶습니다.

다음 구조의 객체가 있습니다. ng-options를 사용하여 점수 필드 점수를 페이지에 양방향으로 바인딩하고 수정하려면 어떻게 해야 합니까?

阿神 2017-05-15 17:11:02 0  1  602

긴 이름을 가진 빛나는 selectInput/pickerInput이 사이드바를 오버플로해야 합니다.

사이드바 레이아웃에서 bs4Dash를 사용하여 멋진 앱을 만들고 싶습니다. 사이드바에는 긴 이름을 가진 항목이 포함된 드롭다운 선택 메뉴가 있습니다. 드롭다운을 연 후 전체 프로젝트 이름이 대시보드 본문에 넘쳐 보이도록 하고 싶습니다. 기본적으로 이름은 사이드바 테두리에서 잘리거나(shiny::selectizeInput), 드롭다운 콘텐츠는 사이드바 테두리에 오른쪽 정렬되고, 항목 이름의 시작 부분은 화면 왼쪽에 있습니다(shinyWidgets:: 선택기 입력). 앱의 모습은 다음과 같습니다(업데이트됨:

P粉094351878 2024-02-21 15:22:53 0  1  480

페이지를 다시 로드한 후 사이드바 메뉴에서 선택한 항목을 상단에 유지하는 방법

스크롤 사이드바 메뉴가 있습니다. 따라서 메뉴 항목을 선택하면 해당 항목이 사이드바 상단에 나타나야 합니다. 활성 메뉴를 설정하는 데 문제가 없습니다. 알겠어요. 그런데 사이드바의 상단 위치를 설정할 수 없습니다. jQuery를 권장하지 마십시오. 대신 일반 JavaScript를 사용하도록 제안되었습니다. 여기에는 일부 코드 참조가 있습니다. .sidebar{height:100pxoverflow-y:scroll;}.sidebarulli{padding:30px;}<!--CSS--><

P粉955063662 2024-02-17 14:49:08 0  1  396

jQuery 사용: 출력에 배열 인덱스 값 추가

저는 jQuery와 JavaScript를 처음 사용합니다. (이전) 드롭다운 선택 필드에서 사용자가 선택한 숫자를 기반으로 새 텍스트 입력 필드를 추가하여 다음 코드가 작동하도록 관리되었습니다. <script>$(function(){varinput=$('<inputplaceholder="이름 또는 직위를 입력하세요..."type="text"required/>');varnewFields=$(

P粉567112391 2023-09-16 09:54:22 0  1  833

[프론트엔드 취업 필독] 프론트엔드 개발 면접 질문과 답변_CSS

CSS: CSS 박스 모델을 소개하시나요? (1) IE 상자 모델과 표준 W3C 상자 모델의 두 가지 유형이 있습니다. IE의 콘텐츠 부분에는 테두리와 패딩이 포함됩니다. (2) 상자 모델: 콘텐츠, 패딩, 여백, 테두리). CSS 선택자는 무엇입니까? 어떤 속성을 상속받을 수 있나요? 우선순위 알고리즘은 어떻게 계산되나요? CSS3의 새로운 의사 클래스는 무엇입니까? * 1.id 선택자(#myid)

天蓬老师 2017-11-13 13:03:00 0  1  1915

R Shiny에서 "모두 선택" 체크박스의 별도 행/열이 있는 체크박스 테이블을 어떻게 만드나요?

RShiny를 사용하여 각 셀에 체크박스가 포함된 테이블을 표시하고 싶습니다(예: "DT" 패키지를 통해). 각 행과 열 헤더 옆에 "모두 선택"/"기본 체크박스"를 표시하고 싶습니다. 이 표시를 선택하면 해당 행이나 열의 모든 체크박스가 선택됩니다. 추가된 기능으로 왼쪽 상단 셀의 체크박스를 누르면 표의 모든 체크박스가 선택됩니다. 예: Tried js 여기에서 한 열에 기본 확인란(일부 JavaScript 사용)이 있지만 이를 내 요구 사항에 맞게 확장하는 방법을 알 수 없는...

P粉884667022 2023-09-08 15:24:52 0  1  526

CSS에서 요소 가시성을 감지할 수 있습니까?

API를 살펴보며 :visible 또는 :hidden과 같은 의사 선택기를 찾았지만 그러한 선택기가 없다는 사실에 실망했습니다. jQuery는 한동안 이러한 선택기를 지원했기 때문에 구현되기를 바랍니다. 내 생각은 옆에 있는 요소가 숨겨져 있을 때만 특정 요소를 표시하고 싶지만 JavaScript를 사용하여 그렇게 하고 싶지는 않다는 것입니다. 옵션이 있나요?

P粉316423089 2023-08-22 22:28:55 0  2  589

javascript - jquery는 add() 메소드를 사용하여 easyui의 콤보 트리를 추가하여 트리 모양의 드롭다운 상자를 만듭니다.

안녕하세요 여러분, 저는 jquery와 easyui를 처음 사용합니다. 현재 기능을 구현하고 싶습니다. "추가 버튼"을 클릭하면 선택 및 제출을 위한 선택 가능한 트리 드롭다운 상자가 나타납니다. 현재 구현 방법은 요소를 선언한 다음 이를 양식에 추가하는 것입니다. 그런데 팝업 드롭다운 상자가 팝업되지 않습니다.

为情所困 2017-05-19 10:47:20 0  3  623

Javascript를 사용하여 통화 문자열을 부동 소수점 숫자로 변환하는 방법

통화 문자열이 포함된 텍스트 상자가 있는데 일부 작업을 수행하려면 해당 문자열을 배정밀도 부동 소수점으로 변환해야 합니다. "$1,100.00"→1100.00 이 작업은 클라이언트 측에서 수행되어야 합니다. 통화 문자열을 입력으로 유지하는 것 외에는 선택의 여지가 없지만 일부 수학 연산을 위해 배정밀도 부동 소수점으로 캐스팅해야 합니다.

P粉593118425 2023-08-23 22:49:40 0  2  731

javascript - 입력 파일 반응

1. 내 페이지에는 숨겨진 입력 유형 파일 요소가 있습니다. 이 요소는 ref 속성을 통해 얻을 수 있으며 이름은 this.inputFile입니다. 2. 페이지 헤더 오른쪽에 버튼을 클릭하면 트리거됩니다. this, fileInput..click()3 하지만 결과적으로 파일 선택 상자가 팝업되지 않습니다.

我想大声告诉你 2017-07-05 10:44:09 0  1  1023

Select2 드롭다운의 모양을 개인화하세요

제 경우에는 드롭다운에 select2Combobox를 사용하고 있습니다. 여기에서 국가 선택이 변경되면 선택한 ID를 JSON 결과에 전달하고 결과를 얻어 지방 콤보 상자에 할당됩니다. 이런 일이 발생하면 드롭다운 보기가 둥근 모서리에서 정사각형으로 변경됩니다. select2 콤보박스에 동일한 스타일을 추가하는 방법을 알고 싶습니다. 여기 내 코드가 있습니다. <divclass="col-md-6col-sm-6"><divclass=&q

P粉256487077 2024-04-03 11:27:22 0  1  513

동적으로 생성된 요소에 대한 이벤트 바인딩?

페이지의 모든 선택 상자를 반복하고 .hover 이벤트를 바인딩하여 마우스의 너비 켜기/끄기를 조정하는 코드가 있습니다. 이는 페이지가 준비되고 제대로 작동한 후에 발생합니다. 내가 겪고 있는 문제는 초기 루프 이후에 Ajax 또는 DOM을 통해 추가된 선택 상자에 이벤트가 바인딩되지 않는다는 것입니다. 나는 이 플러그인(jQueryLiveQueryPlugin)을 찾았지만 플러그인을 사용하여 내 페이지에 또 다른 5k를 추가하기 전에 jQuery를 직접 사용하거나 이를 수행하는 방법을 아는 사람이 있는지 확인하고 싶었습니다.

P粉440453689 2023-08-23 15:04:33 0  2  484

Vue DOM은 왜 그렇게 느리게 변경되나요?

2000개의 입력 확인란이 있는 목록이 있습니다. 한 번에 모두 선택하면 눈에 띄게 약 2초 정도 지연이 발생합니다(브라우저가 정지됨). 이는 Vue 및 React의 경우인 것 같지만 Svelte, jQuery 또는 바닐라에서는 그렇지 않습니다. 5,000개 이상의 체크박스를 사용하면 매우 짜증나는 3~5초 차단이 됩니다. 왜 다시 렌더링하는 데 그렇게 오래 걸리나요? Vue.js를 사용하여 이 업데이트 지연을 어떻게 극복할 수 있나요? (페이지 매김 또는 지연 로딩 솔루션은 실제로 문제를 해결하지 못하고 단지 문제를 피할 뿐입니다...

P粉596191963 2024-03-26 10:09:21 0  1  584

JQuery를 사용하여 특정 문자가 단락에 나타날 때만 클릭 이벤트를 트리거합니다.

"중요"라고 표시된 텍스트가 있는 아코디언이 있습니다. 페이지가 로드될 때 버튼 토글을 클릭하여 페이지가 "중요"라고 표시된 페이지를 자동으로 열도록 하고 싶습니다. $(".diff__filename:contains('sections/')"))를 사용하여 제목에서 "중요"라는 단어를 검색했지만 옆에 있는 버튼을 클릭하도록 지시하는 방법을 모르겠습니다. 나는 클래스 이름을 통한 반복을 피하기 위해 JQuery를 사용하기로 결정했습니다. <pclass=&quo...

P粉269530053 2024-02-17 22:23:01 0  1  531

CSS 클래스 선택기의 너비 속성을 확인하는 방법은 무엇입니까? 예는 .label입니다.{}

다음은 .label의 너비를 270으로 선택한 CSS 코드에 대한 내 의견입니다. 브라우저의 개발자 도구를 사용하여 .label 요소를 검사하면 실제로 너비가 270픽셀이 아니라 288픽셀임을 알 수 있습니다. 이는 기본적으로 브라우저가 요소의 크기를 결정할 때 테두리와 패딩을 포함하기 때문입니다. 이것은 내 CSS 코드입니다: .label{border:2pxsolidblack;width:270px;margin:20pxauto;padding:07px;찾는 방법

P粉186904731 2024-04-01 17:45:11 0  1  503

매개변수가 vuex mapActions에 올바르게 전달되었는지 확인하세요.

v-data-table에 문제를 표시하는 ProjectPage.vue 페이지가 있습니다. 항목은 사이드바의 서버 API 호출에서 검색되어 거기에 표시됩니다. 프로젝트를 선택한 후 프로젝트 ID를 사용하여 서버에서 해당 문제를 가져오고 싶습니다. Vuex를 사용하여 이 작업을 수행할 수 있습니까? 프로젝트 수에는 제한이 없으므로 모든 프로젝트가 동일한 .js 파일을 사용하여 문제를 검색할 수 있도록 Vuex를 사용할 수 있습니까? 내가 하고 싶은 일은 ID와 항목을 VerticalNavMenu.vue의 소품으로 전달하는 것입니다.

P粉288069045 2024-02-21 13:05:43 0  1  446

알 수 없는 선택기와 하위 항목이 있는 Javascript 이벤트 위임

요소에 대한 클릭을 캡처하는 동적 선택기(linkTrigger)가 있습니다. linkTrigger가 무엇인지 또는 일부 하위 항목이 있는지는 알 수 없습니다. jQuery를 사용하면 모든 것이 정상입니다. 첫 번째 녹색 직사각형(숫자 부분 아님)을 클릭하면 3개의 핸들러가 모두 예상대로 작동하는 것을 볼 수 있지만, 첫 번째 녹색 직사각형의 숫자를 클릭하면 jQuery 및 javascript2 핸들러만 작동합니다. 작동, 다시 예상대로 작동합니다. 녹색 상자의 범위를 클릭하는 것만으로는 충분하지 않기 때문입니다.

P粉187677012 2024-04-03 23:39:19 0  1  589

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  914