onclick() 함수를 통해 이미지 변경

개체를 클릭하면 한 그림을 다른 그림으로 바꾸고 싶습니다. 코드는 다음 순서로 쌓입니다. 내가 원하는 것은 클릭하면 이미지가 컬러 버전의 이미지, 즉 다른 이미지로 대체되는 것입니다. 이제 JQuery/JS를 사용하여 이를 수행할 수 있다는 것을 알았습니다. 하지만 이렇게 간단한 기능을 구현하기 위해 JS 코드를 많이 추가하고 싶지는 않습니다. 이것을 달성하는 더 쉬운 방법이 있습니까? pseudo-selector.active 클래스와 같은 메소드? 나는 그것을 알아낼 수 없다.

P粉242535777 2023-08-18 08:53:28 0  1  501

angular.js-Angularjs는 페이지를 새로 고치지 않고 다른 탭간에 ui-view를 전환합니다.

html: {code...} 그림과 같이 다양한 라벨을 클릭하면 ui-view 영역에 다양한 페이지가 표시됩니다. 하지만 페이지를 전환하면 페이지가 새로 고쳐지고 페이지의 모든 작업이 새로 고쳐집니다. 내가 달성하고 싶은 것은 대략 다음과 같습니다: {code...} 다른 탭을 통해 다른 UI 보기를 제어합니다...

怪我咯 2017-05-15 16:58:20 0  5  900

javascript - jquery-1.8.2 버전이 Win7 Edge에서 중간에 실행을 멈춥니다. 무슨 일이 일어나고 있는지 살펴보실 수 있나요? 감사해요

{Code...} 이 코드를 실행하면 테스트 후 마지막 줄까지 실행한 후 Edge가 실행을 멈췄습니다. 버튼을 클릭하면 선택한 클래스가 버튼에 추가되지만, 아래 해당 이미지는 전환되지 않습니다. 이 코드는 다른 브라우저에서 잘 테스트됩니다. 문제가 무엇인지 살펴보시거나..

大家讲道理 2017-06-14 10:53:36 0  1  867

Flask를 사용하여 표시된 이미지가 잘못되었거나 손상되었습니다.

일부 이미지를 표시해야 하는 웹 애플리케이션을 설정 중입니다. API에서 받은 이미지는 matplotlib 그림을 png로 변환한 다음 io 라이브러리를 사용하여 기본 웹 애플리케이션으로 보냅니다. 이 때문에 내가 페이지에 표시하는 이미지는 거의 항상 부정확하거나 잘못된 것처럼 보입니다. 하지만 컨텍스트 메뉴를 통해 새 페이지에서 열면 제대로 작동합니다. 따라서 Pictures@app.route('/send-data-a',methods=['GET'])defsend_data_use를 보내는 코드는 다음과 같습니다.

P粉299174094 2023-09-12 00:21:51 0  1  705

햄버거 메뉴를 스크롤하지 마세요

body CSSbody{.lock&{overflow:hidden;touch-action:none;overscroll-behavior:none;}.loaded&{}} 아이콘을 클릭하면 이 코드는 HTML 클래스 "lock"을 추가합니다. constburgerClick=(e:React . MouseEvent<HTMLDivElement>)=>{if(widthWindow

P粉410239819 2023-09-09 10:38:16 0  1  685

Bootstrap 5의 탐색 모음 드롭다운 메뉴(축소)에 기능적 문제가 있습니다.

Bootstrap5를 사용하여 반응형 메뉴나 드롭다운 버튼을 만드는 동안 문제가 발생했습니다. 모든 것이 괜찮은 것 같습니다. 탐색 아이콘과 드롭다운 아이콘이 모두 표시됩니다. 그러나 그들은 작동하지 않습니다. 탐색 아이콘이나 드롭다운 버튼을 클릭하면 드롭다운 메뉴가 나타나지 않습니다. jquery 파일도 포함했다는 점을 구체적으로 언급하고 싶습니다. 그러나 그것은 작동하지 않았습니다. 누군가 여기서 무슨 일이 일어나고 있는지 말해 줄 수 있습니까? 마지막으로 mr-auto, ml-auto 등과 같은 다른 부트스트랩 클래스를 사용하...

P粉322319601 2023-08-22 20:42:45 0  1  735

html5 - h5+에서 webview의 show 메소드에 지연이 있습니다.

그림 1의 버튼을 클릭하고 다음 코드를 실행하여 새 webview를 표시합니다. {code...} 그러나 그림 1의 버튼을 클릭하면 그림 2의 webview가 잠시 후에 나타납니다. 탭 이벤트가 실행되면 webview가 즉시 실행되지 않습니다. 이유는 무엇입니까?

某草草 2017-05-18 10:51:36 0  1  1102

다시 쓴 제목은 jQuery에서 하위 메뉴 자동 닫기를 구현하는 방법입니다.

모바일 보기용 jQuery 드롭다운 메뉴를 만들려고 합니다. 저는 jQuery를 처음 접했고 Toggle을 사용하여 하위 메뉴를 숨기고 표시하고 있습니다. 내 문제는 메뉴 항목을 클릭해도 다른 하위 메뉴가 자동으로 닫히지 않는다는 것입니다. 예를 들어, menutwo를 클릭하면 menuone이 자동으로 닫히도록 하고 싶습니다. 어떻게 해야 하나요? 도와주세요. jQuery(문서).ready(function($){$(".menuone").click(func

P粉312631645 2023-09-16 09:10:19 0  2  1111

angular.js - Angular는 사이트 전체에서 사용됩니다. 하지만 Angular를 사용하여 아래 설명된 것과 같은 고도의 대화형 기능을 구현하려면 어떤 아이디어를 사용해야 합니까?

이 애플리케이션은 다음과 같이 설명됩니다. 1. C 영역은 여러 페이지로 나누어져 있으며 페이지 간에 위아래로 전환할 수 있습니다. 2. Ax는 C 영역으로 드래그하여 그림, 버튼과 같은 해당 요소를 생성할 수 있는 컨트롤입니다. , 및 텍스트. 3. 생성된 그림, 버튼, 텍스트를 C 범위 내에서 드래그하여 위치를 변경할 수 있습니다. 4. 생성된 이미지를 클릭합니다.

習慣沉默 2017-05-15 16:53:09 0  4  636

ONCLICK을 사용하지 않고 JavaScript를 사용하여 라디오 버튼 선택에 따라 div 가시성을 제어합니다.

부분적으로 유효한 HTML 코드가 있습니다. 라디오 버튼 선택에 따라 일부 텍스트 입력을 표시하려고 합니다. 나에게 작동하는 방식은 라디오 버튼을 누르면 다른 옵션이 숨겨지지만 화면이 처음 로드되면 3가지 옵션이 모두 표시된다는 것입니다. 클릭 시 함수가 호출되고 첫 번째 라디오 버튼의 선택된 옵션이 클릭을 구성하지 않기 때문이라고 가정합니다. 처음 요청할 때만 표시되는 onload 이벤트 리스너를 만들어 보았지만 작동하지 않았습니다. 이것은 내 코드입니다 <%layout('layouts/boilerpl

P粉212114661 2024-02-17 21:44:02 0  1  505

숨겨진 측면 패널 표시: 선택됨

애니메이션 햄버거 메뉴를 통해 보기로 전환할 수 있는 탐색 메뉴를 측면 패널에 갖고 싶습니다. JS 없이 CSS만 사용하여 만들고 싶습니다. :checked 의사 클래스를 사용하는 것이 좋은 것 같지만 제대로 작동하지 않습니다. 지금까지 가지고 있는 코드는 다음과 같습니다. .site-navigation{z-index:99;ground-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;width:40% ; 높이:1

P粉647504283 2024-04-06 15:49:33 0  1  506

목표-c - iOS가 사진을 선택하고 자르기를 사용자 정의할 때 사진을 밀어넣을 수 없는 이유는 무엇입니까?

{Code...} [picker.navigationController pushViewController:imageCropperViewController animation:YES]; 이미지를 선택할 때 응답하지 않는 콘솔 프롬프트 [일반] 알 수 없는 유형으로 이미지 형식 만들기...를 클릭하면 됩니다.

滿天的星座 2017-05-02 09:35:20 0  0  686

angular.js -Angularjs는 여러 항목이 선택되었는지 여부를 어떻게 감지하고 해당 항목이 있는 행 데이터의 ID를 수집합니까?

나는 jquery가 DOM을 조작하여 확인하고 얻을 수 있다는 것을 알고 있습니다. 하지만 저는 방금Angularjs를 배웠고 그것에 대해 많이 알지 못합니다. 다음과 같습니다: 이것은 광고의 {code...}입니다. 이것은 tbody입니다: {code...} 이것은 다이어그램입니다: 내 질문은: 이 확인란이 선택되었는지 확인하고 선택한 값을 설정하는 방법입니다. .

阿神 2017-05-15 17:01:07 0  2  719

angular.js - `ng-bind-html`의 `ng-click` 지시문이 적용되지 않습니다.

js 코드는 다음과 같습니다. {code...} html 코드는 다음과 같습니다. {code...} 브라우저에 보이는 dom 구조는 다음과 같습니다. 사진 속 텍스트 링크를 클릭해도 반응이 없습니다. "quitTo()" 함수에 중단을 설정하십시오. 발견된 지점이 실행되지 않았습니다. 이 작업을 어떻게 수행할 수 있나요? $scope.$apply()를 시도했지만...

習慣沉默 2017-05-15 16:52:04 0  2  649

angular.js - 각도 뷰가 업데이트되지 않습니다.

그림과 같이 업로드할 파일을 선택하면 해당 파일 경로가 입력에 표시됩니다. 프로세스 중에 업로드 버튼을 클릭하지 않으면 취소를 클릭하고 파일 경로가 계속 존재합니다. . {코드...} 취소를 클릭하면 입력이 비어 있고, console.log 값도 비어 있습니다. $scope를 사용할지 여부...

曾经蜡笔没有小新 2017-05-15 17:03:00 0  2  577

원본 JAVASCRIPT를 사용하여 5개의 LI 중 일부만 표시하고 클릭하면 나머지는 표시하는 방법은 무엇입니까?

코드는 다음과 같습니다. {코드...} 위는 JAVASCRIPT(JQUERY 아님)를 사용하여 5개의 링크만 표시하고 나머지는 숨기는 방법입니다. 그런 다음 클릭하여 숨깁니다. 이 기능을 어떻게 달성할 수 있나요? 현재 표시됨: 나는 링크 1입니다. 나는 링크 2입니다. 나는 링크 3입니다...

世界只因有你 2017-05-19 10:18:35 0  5  504

드롭다운 항목을 클릭한 후 드롭다운 버튼의 클래스를 변경하고 페이지를 새로고침하세요.

사용자가 드롭다운 메뉴의 항목을 클릭하고 페이지가 다시 로드된 후 드롭다운 버튼 항목의 클래스를 변경하려고 합니다. 다음 코드는 페이지를 새로 고칠 때 작동합니다. $(".dropdown-content").on("click",function(){$('.dropbtn').toggleClass('active');}); 사용할 수 있는 로컬 저장소 옵션이 있습니까? 방금 그것에 대해 배웠습니다. 현재 드롭다운 버튼에 나타나는 텍스트를 호출하기 위해 다음 코드를 사용하고 있습니다.

P粉877719694 2023-08-17 16:24:17 0  1  558

페이지를 매길 때 세션에 체크박스 값을 저장하는 가장 좋은 방법

저는 Symfony와 Twig와 함께 일하고 있습니다. 현재 제품 목록이 포함된 나뭇가지 페이지가 있습니다. foreach 루프를 사용하여 제품을 표시하고 페이지 매김을 설정하여 제품 표시를 제한합니다. 이 페이지에는 입력으로 확인란이 있는 양식이 있고 다음 페이지로 이동하면 세션에서 저장 확인란을 선택해야 합니다. 이 코드를 일부 코드와 함께 추가하여 수행하려고 합니다. 일부를 추가했습니다. 내가 하려는 작업을 설명하기 위해 페이지가 매겨진 뷰와 컨트롤러에 주석을 추가합니다. 내 루프 보기: <form><divcl...

P粉592085423 2024-02-25 16:37:32 0  1  434

문제 반응 전환 문제: 카메라를 끌 수 없습니다.

나는 웹 페이지의 바코드를 스캔하기 위해 반응-zxing을 사용하고 있습니다. 바코드 스캔에는 zxing 라이브러리를 사용하여 바코드를 스캔하고 바코드를 수동으로 입력하는 두 가지 옵션이 있습니다. 문제: "수동 입력 모드"로 전환한 다음 다시 "스캔 모드"로 전환하면 스캔 보기가 사라집니다. "수동 입력 모드"로 전환하면 카메라가 꺼지지 않습니다. (내 노트북에는 카메라가 사용 중이면 불이 들어오는 카메라 표시등이 있습니다.) 라이브 코드 라이브 코드를 볼 수 있습니다: htt...

P粉465675962 2024-03-21 22:57:34 0  1  448

Android의 React-Native에서 상태 업데이트가 작동하지 않습니다.

스와이프할 수 있는 가로 갤러리에 이미지 쌍이 있는 코드가 있습니다. 이제 두 이미지의 위쪽 부분을 클릭하면 이미지가 꺼지므로 isImage2Active를 상태로 설정한 다음 소스를 전환했습니다. iOS에서는 완벽하고 완벽하게 원활하게 작동하지만 Android에서는 거의 전혀 작동하지 않습니다. 자주 클릭하면 바뀔 수도 있지만 분명히 내가 원하는 동작은 아닙니다. 그래서 슬라이드 가능한 수평 갤러리 constImage인 이미지 구성 요소가 있습니다.

P粉541551230 2024-04-06 16:54:10 0  1  585