javascript - 요소와 하위 요소를 제외하고 다른 모든 요소를 ​​선택하기 위해 jquery를 작성하는 방법

그림과 같이 노란색과 파란색 영역만 클릭하면 함수가 실행되고, 빨간색 안의 녹색 하위 요소를 클릭하면 함수가 실행되지 않습니다.

伊谢尔伦 2017-05-19 10:44:06 0  6  798

CSS 행 클래스는 특정 요소를 프레임 밖으로 내보내는 동시에 정적이고 디스플레이 하단에 고정되어야 합니다.

현재 내 페이지는 다음과 같습니다. 두 요소가 서로 옆에 있도록 행 클래스를 추가한 후 하단 탐색 모음이 스크롤해야 하는 위치로 푸시됩니다. 여기에서 행 요소가 없는 다른 페이지를 볼 수 있습니다. 탐색 링크는 디스플레이 하단에 완벽하게 고정되어 있습니다(식물 및 방 탐색 요소는 알림 탭(이미지 1)에 있어서는 안 되므로 이 요소를 무시합니다 이미지 2). 페이지가 스크롤 가능하고 내 탐색바가 올바른 위치에 유지되지만 요소의 윤곽이 올바르지 않습니다. 모든 녹색 상자 디스플레이는 편집 및 삭제 버튼과 함께 서로 포개져 표시되어야 합...

P粉156415696 2024-04-03 18:48:12 0  1  442

Chartjs 범례를 true로 설정한 후에도 여전히 표시되지 않습니다.

저는 ChartJS를 처음 접했고 도넛 차트에 레이블을 표시하는 방법을 찾고 있습니다. 옵션에서 범례의 가시성을 true로 설정하려고 시도했지만 여전히 작동하지 않습니다. vardata=[{data:[successfulBuildsCount,failureBuildsCount],labels:["success","failure"], backgroundColor:["green",&quot

P粉595605759 2023-09-14 18:38:17 0  1  576

CSS: 텍스트 옆에 아이콘을 어떻게 배치하나요?

두 개의 하위 요소 text(span 요소)(i) 아이콘 - div 요소를 포함하는 이와 같은 상위 div 요소(display:flex)가 있습니다. 텍스트에 줄 바꿈 없이 한 줄만 있으면 모든 것이 잘 작동합니다. 그러나 줄 바꿈(2줄 이상)할 때 가장 넓은 줄을 기준으로 요소의 너비가 조정됩니다. 길이가 길어지면 텍스트를 줄 바꿈하고 싶습니다. 위의 예에서 (i) 아이콘을 NORTH 옆에 두기를 원합니다. (i) 아이콘을 NORTH 옆에 두고 싶습니다.

P粉668146636 2023-08-17 14:39:36 0  1  498

angular.js-angular2 속성 구성 요소와 제어 구성 요소 간의 통신 방법

1. 컨트롤 라이브러리에서 기존 컨트롤을 드래그하여 요소를 생성하고 요소의 일부 속성을 표시합니다. 아래와 같이 가장 오른쪽 속성 구성요소를 변경하고 가운데 요소의 해당 속성을 동시에 변경할 수 있는 방법은 무엇입니까? 예: 배경을 클릭하고 특정 색상을 선택하면 버튼의 배경 색상이 변경됩니다. 생성된 메타...

世界只因有你 2017-05-15 17:09:54 0  1  631

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

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

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

CSS FLEXBOX에서 아이콘 주위의 공백을 제거하는 방법은 무엇입니까?

저는 초보자입니다. Flexbox를 사용할 때 아이콘 주위의 파란색 배경색을 제거하는 방법을 누군가 설명해 줄 수 있나요? 하위 요소의 속성을 상위 요소로 일반화할 수 없습니다. 내 코드와 결과 inline-flex를 사용하고 싶지 않습니다. 감사해요

P粉765570115 2023-08-10 14:11:39 0  1  478

CSS 투명도 스타일을 하위 요소가 아닌 레이블의 innerText에만 적용할 수 있는 방법이 있습니까?

아래 예에는 태그에 입력이 포함된 태그가 많이 있습니다. 색상을 명시적으로 지정하지 않고 CSS의 불투명도 스타일을 하위 요소가 아닌 레이블의 innerText에 적용할 수 있는 방법이 있습니까? 아래 예에서는 라벨 자체뿐만 아니라 드롭다운 메뉴에도 불투명도가 적용되었습니다. 텍스트를 둘러싸고 for=를 추가하도록 레이블 요소를 변경할 수 있다는 것을 알고 있지만 태그가 지정되는 요소 주위에 레이블을 래핑하는 것을 선호합니다. div{padding:10px;}select{배경색:

P粉794851975 2023-08-17 20:51:57 0  1  535

Plotly 히트맵에서 개별 픽셀 선택/고정

Plotly 히트맵에서는 때때로 2가지 선택 모드를 사용하는 것이 유용합니다. 직사각형 선택(modbar에서 이미 사용 가능) 개별 픽셀 선택/수정: 필요하지 않은 기존 "drawcircle" 버튼을 재활용하여 이를 달성하려고 했습니다. 클릭하면 픽셀이 강조 표시되거나 그 위에 컬러 디스크(또는 Google 지도 UI와 같은 빨간색 "압정핀")가 있어야 합니다. 문제: Modbar에서 drawcircle 도구를 선택하면plotly_click 이벤트가 실행되지 않습니다. 좌표를 얻을 수 없음) 및p...

P粉806834059 2023-09-02 14:57:46 0  1  644

useState 후크는 예상되는 구성 요소뿐만 아니라 모든 구성 요소의 상태를 변경합니다.

나는 반응을 사용하고 있습니다. 클릭한 이미지의 스타일을 변경하려고 합니다. 하지만 이 함수를 사용하면 모든 요소에 상태가 적용됩니다. onClick 이벤트가 사진에 적용됩니다. 하나를 클릭하면 다른 이미지의 테두리 색상이 #a2a0ff로 변경됩니다. 클릭한 이미지에만 #4D4AFF 색상이 있어야 합니다. importReactfrom"react";import'./SearchPower.css';import{YMaps,Map,Placemark}from

P粉590428357 2023-09-14 15:45:46 0  1  590

페이지의 HTML 요소를 탐색하려면 Tab 키를 사용하세요.

탭 키를 사용하는 HTML 페이지에서 탭 키를 사용하여 스크롤할 수 없습니다. 다음은 "테이블을 업데이트할 수 없습니다." 팝업이 열릴 때 탭을 찾아보려는 페이지의 사진입니다. 저는 그것을 클릭하고 탭을 눌렀습니다. 탭을 처음 누르면 초점이 그림의 화살표 요소로 이동합니다. 하지만 다음에 탭을 누르면 Page3 요소로 이동합니다. 위쪽 화살표 아이콘은 HTML에서 선택된 <i 태그이고 다음 <i 태그는 x 버튼입니다. 어떤 이유로 두 번째 <i 태그를 건너뛰고 탭 키가 두 번째로 나타날 때 x 버튼...

P粉106301763 2024-02-03 21:30:59 0  1  461

javascript - 일부 비디오 기반 h5 페이지에서 비디오 버퍼링 진행률을 얻는 방법 또는 비디오를 미리 로드하는 방법

[Tencent Carnival h5] http://news.qq.com/FERD/jiani... 링크를 열면 페이지에 &lt;video&gt; 태그가 많고 동영상 요소가 너무 많아서 먼저 편집해야 합니다. 사용자가 홈페이지를 보는 경우 지연을 방지하기 위해 미리 로드를 수행하지만 비디오 요소가 img 이미지와 다르므로 사용할 수 있습니다.

漂亮男人 2017-05-16 13:30:15 0  1  660

scrollIntoView()가 컨테이너를 페이지 상단으로 스크롤하는 것을 방지합니다.

스크롤 스냅을 사용하지만 현재 표시된 슬라이드를 제어하기 위한 탐색 버튼도 포함하는 간단한 "주로 CSS" 이미지 캐러셀을 만들려고 합니다. 내가 찾은 유일한 해결책은 내가 원하는 작업을 수행하는 대상 요소에 scrollIntoView()를 사용하는 것입니다. 그러나 이 방법은 항상 대상 요소를 페이지 상단으로 스크롤합니다. 대상 캐러셀 슬라이드와 컨테이너를 원래 위치에 유지하고 슬라이드가 가로로 스크롤되어 표시되기를 원합니다. 저는 AdamArgyle의 예를 보고 있었는데 그는 이것을 했고 컨테이너는 그 자리에 ...

P粉690200856 2024-03-26 20:25:28 0  1  486

양식의 애니메이션 이미지 요소에 대해 제출된 이미지 좌표 해석

php$_POST 배열을 확인하여 사용자가 애니메이션 이미지를 클릭한 위치를 나타내는 X:Y 값을 캡처하고 싶습니다. 문제는 정적 이미지에서는 입력 제출 정보를 얻을 수 있지만 애니메이션 이미지에서는 어떤 값도 얻을 수 없는 것 같습니다. 다음은 이 동작을 보여주는 전체 HTML 페이지와 양식입니다: <!doctypehtml><html><head><metacharset="utf-8"><title>Gunf

P粉421119778 2024-02-26 22:34:14 0  1  666

도움 찾기: 위치에 따라 차트에 데이터 레이블을 영구적으로 표시하는 방법

이러한 데이터 레이블을 차트에 영구적으로 표시하여 마우스 오버 시뿐만 아니라 항상 표시되도록 하고 싶습니다. 누구든지 나를 도와줄 수 있나요? [여기에 이와 비슷한 예가 있습니다.] 저도 코드를 적어두었습니다. (https://i.stack.imgur.com/TY8X1.png) 원형 차트 예제 //캔버스 요소 가져오기 varcanvas=document.getElementById('pieChart');//원형 차트 만들기 varpieChart=newChart(can

P粉302160436 2023-08-15 23:21:18 0  1  523

의사 요소의 Font Awesome 5는 아이콘 대신 사각형을 표시합니다.

CSS 페이지에서 직접 FontAwesome 아이콘을 사용하여 범위의 콘텐츠를 변경하려고 하는데 작동하지 않는 것 같습니다. 1) FA<linkrel="stylesheet"href="https://use.fontawesome.com/releases/v5.0.9/css/all.css"integrity="sha384-5SOiIsA를 가져왔습니다.

P粉773659687 2024-01-09 22:35:19 0  2  462

javascript - svg 태그 내 요소의 너비와 높이를 svg 태그의 너비와 높이와 동일하게 만드는 방법은 무엇입니까?

내 svg 태그는 div 상자로 둘러싸여 있습니다. svg의 너비와 높이는 외부 상자의 너비와 높이를 100%로 설정합니다. 이때 div 상자의 너비와 높이를 수정합니다. svg의 요소는 항상 div 상자와 동일하지만 svg 내부의 경로 태그는 svg와 너비와 높이가 다릅니다. 그림에 표시된 것처럼 svg에 있는 요소의 전체 너비와 높이를 동일하게 만드는 방법은 다음과 같습니다. 세인트...

曾经蜡笔没有小新 2017-05-16 13:27:36 0  2  905

MUI 툴팁의 배경색을 변경하는 방법은 무엇입니까?

"?" 사용자가 아이콘 위로 마우스를 가져가서 텍스트 필드에 입력해야 하는 데이터에 대한 사양을 얻을 수 있기를 바랍니다. MUI의 기본 호버는 흰색 텍스트가 있는 회색이지만, 회색 텍스트와 더 큰 글꼴이 있는 흰색 호버를 원합니다. 를 사용하면 글꼴 크기와 색상이 잘 작동하지만 배경색을 변경하면 마우스를 올리면 텍스트 필드 주위에 회색 테두리가 나타납니다. hover.js 구성 요소는 다음과 같습니다.exportdefaultfunctionHoverTip(prop){const{tip}=pr

P粉147045274 2023-09-04 11:56:50 0  1  843

다시 작성된 제목은 다음과 같습니다. 커서가 목록 요소로 이동하면 목록 제목을 변경합니다.

연결된 테이블을 생성 중인데 목록 링크 중 하나 위에 마우스를 올리면 테이블 머리글의 배경색이 변경되어 테이블을 더 예쁘게 만들고 싶습니다. 그러나 더 작은 요소에 영향을 주어 컨테이너 요소의 속성을 변경하는 방법을 모르겠습니다. 이것은 내 코드입니다: <htmllang="vi"><head><style>.toc-container{max-width:600px;font-family:"Roboto&

P粉131455722 2023-09-04 23:54:54 0  1  519

Vue 애플리케이션에서 신비한 흰색 영역을 제거하는 방법은 무엇입니까?

vue3을 사용하여 웹사이트를 구축하고 배경 이미지를 설정하려고 합니다. 하지만 제거할 수 없는 신비한 흰색 부분이 있습니다. 모든 여백과 패딩을 0으로 설정하고 모든 ml,pl 클래스를 제거했기 때문에 여백이나 패딩이 아니라고 확신합니다. 애플리케이션 컴포넌트의 검정색 배경색을 검정색으로 설정했는데 해당 영역이 여전히 흰색입니다. Chrome의 검사 도구에서는 이것이 HTML 요소라고 말합니다. 도와주세요. (Login.vue의 스타일 섹션에 백그룹 이미지를 넣었습니다.) 브라우저 검사 도구의 정보: 살충제 사용

P粉738821035 2023-09-11 21:04:01 0  1  598