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

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

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

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

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

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

angle.js - AngularJ만 사용하여 이미지 슬라이딩 전환을 구현하는 방법은 무엇입니까?

AngularJS의 이미지 캐러셀 효과나 이미지 슬라이딩 전환 효과에 대한 Baidu의 코드는 기본적으로 부트스트랩 제어를 기반으로 구현됩니다. jQ나 기타 도구 없이 순수 AngularJS를 구현하는 방법. 모바일 타오바오 아기 상세페이지 상단 배너처럼 슬라이드하여 사진을 전환하는 효과를 얻으시겠어요?

大家讲道理 2017-05-15 16:51:32 0  1  795

javascript - 이미지 캐러셀 타이머 설정에 관한 기본 JS 및 jQuety

이미지 캐러셀과 관련하여 자동 재생 설정: 기본 JS 코드를 사용하는 경우 현재 두 가지 방법을 알고 있습니다. 첫 번째 방법: {code...} 두 번째 방법(oBtnNext는 획득한 버튼을 나타냄): { Code.. .} 여기에 요점이 있습니다. jQuery($("#next")를 사용하면 위와 동일하다는 것이 문제입니다.

大家讲道理 2017-07-05 10:58:00 0  1  1050

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

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

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

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

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

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

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

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

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

JavaScript 및 Jquery: 클릭한 요소의 인덱스 찾기

슬라이드쇼를 만들고 있는데 다음 질문에 어려움을 겪고 있습니다. 레이블을 클릭할 때 배열에서 위치(색인)를 어떻게 찾나요? 다음 코드 부분은 모든 태그를 얻습니다. this.thumbs=this.nav.find('a'); 어디서 시작되나요? 한 가지 더 문제 - 라벨을 클릭하면 라벨 내부의 div 클래스를 전환해야 합니다(div 라벨은 classpromo_tumb_current를 가져와야 하고 해당 라벨이 있는 div는 클래스를 잃어야 합니다). HTML 코드: <divclass=&

P粉022140576 2023-08-25 14:55:21 0  1  559

javascript - js가 로컬 이미지 경로를 호출하는 데 문제가 있나요?

인터넷에서 영상을 보고 루진을 수정해서 사진전환을 한 뒤 직접 작성해 보았습니다. var arr=["./images/1.jpg","./images/2.jpg","./images/3.jpg","./images/4.jpg"] {코드... } 하지만 경고를 통해 경로가 긴 문자열임을 알 수 있습니다.

PHPz 2017-05-19 10:08:58 0  4  834

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

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

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

html5 - WeChat 브라우저 비디오 재생 실패

WeChat 웹 개발자 도구를 사용하여 WeChat 페이지를 개발하면 아래와 같이 정상적으로 작동합니다. 그런 다음 디버깅을 위해 휴대폰에서 WeChat 브라우저로 전환하고 비디오를 재생할 수 없음을 확인합니다. 무슨 일이 일어나고 있는 걸까요? 다음은 순수 HTML5를 사용하여 재생하는 비디오 재생 코드입니다. WeChat 웹 개발자 도구는 성공적으로 비디오를 얻을 수 있습니다.

仅有的幸福 2017-05-24 11:36:13 0  1  1051

범위 지정 JavaScript: 특정 요소에서만 작동하는 방법은 무엇입니까?

페이지의 특정 요소에 대해 공개 클래스를 전환하는 한 가지 작업만 수행하는 매우 간단한 JS 코드가 있습니다. 문제는 4개의 중복된 .clickSlide 요소와 .sub_menu 요소가 있고 그 중 하나를 클릭하여 코드를 트리거하면 모든 요소가 공개 클래스를 얻는다는 것입니다. 집중된 요소 중 하나만 공개 클래스를 받아야 합니다. 내 추측으로는 이것이 JS 어딘가에 누락되어 있다는 것입니다. 하지만 저는 이 문제에 대한 해결책을 찾고 있습니다! jQuery(문서).ready(함수

P粉884548619 2023-09-08 20:36:06 0  1  638

API 호출에 대한 데이터가 정의되지 않은 이유는 무엇입니까?

저는 React.js를 사용하여 영화 웹 애플리케이션을 구축했습니다. API에서 호출하면 데이터가 제대로 작동합니다. 그러나 API 호출 ID를 통해 페이지를 전환하려고 하면 데이터가 정의되지 않습니다. 저는 Redux 툴킷을 사용하여 데이터를 호출하고 있습니다. 그런데 카드를 누르려고 하면 선택한 카드에서 데이터를 가져오기 위해 설정한 페이지 중 하나가 아래 그림과 같이 발생합니다. 콘솔 로그를 확인해 보니 결과는 다음과 같습니다. code.envsorryicanshareapikeyVITE_BASE_URL=https://a를 확인...

P粉726133917 2024-01-29 13:46:53 0  1  476

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

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

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

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  718

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  608

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  570

모든 PHP 유형을 문자열로 변환하는 가장 짧은 방법

나는 언젠가 의학과 같은 분야에 적용될 수 있기를 바라는 일반 시스템(즉, "과학적")을 작성하고 있습니다. 내 생각에 가장 좋은 방법은 PHP의 모든 데이터를 문자열로 표현하는 것입니다(true는 "true", false는 "false" 등). 그 이유는 PHP에서 모든 값은 고유한 문자열 표현(예: PHP 코드 자체)을 갖기 때문입니다. 이 프로그램의 설계 속도를 높이기 위해 이 질문을 게시합니다. 숫자, 부울 등 일부 값은 쉽게 문자열로 변환됩니다. 개체, 배열, 리소스 등...

P粉369196603 2023-09-05 15:34:44 0  1  999

다른 열을 기준으로 그룹화하면서 MySQL에서 DATETIME 열의 평균을 얻는 방법

다음 쿼리를 사용하여 MySQL 테이블을 생성하고 채우고 있습니다. SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  503

다중 장치(휴대폰) 동기화 - React Native

모든 사용자의 모바일 장치에서 동시에 실행되는 Lightshow를 만들려고 합니다(최대 2000-3000명의 사용자가 있을 수 있음). 모든 사용자는 인터넷(Wi-Fi 또는 모바일 데이터)을 사용합니다. FE에서는 구독을 위해 Apollo를 사용하는데 이는 정말 매력적입니다. 하지만 문제는 사용자 A가 사용자 B보다 더 빨리 구독 이벤트를 얻을 수 있다는 것입니다. 이는 사용자 A가 사용자 B보다 먼저 게임을 시작한다는 것을 의미합니다. 이는 우리가 라이트쇼 아키텍처를 사용하고 사용자가 더 일찍 또는 나중에 시작할 수 없기 때문에 ...

P粉151466081 2023-09-05 11:58:38 0  1  694