클릭 가능한 이벤트를 만드는 방법: 동일한 경로를 클릭하세요.

Question

안녕하세요 여러분, 저는 현재 SVG 경로를 클릭하면 DIV가 생성되는 DIV를 만들고 있습니다. 기능이 작동하지만 이제 문제는 다른 경로를 클릭하면 이미 생성된 DIV의 정보를 업데이트하는 대신 새 DIV가 열린다는 것입니다. 다음은 현재 JavaScript 예입니다.

으아악

경로를 클릭하면 경로 기능이 항상 실행된다는 것을 알고 있으므로 새 경로를 클릭할 때 DIV를 끄도록 다시 작성하는 방법은 잘 모르겠지만 가장 좋은 경우는 새 경로를 클릭할 때만 DIV를 변경하는 것입니다. 경로는 클릭된 요소입니다. HTML 예제의 코드는 다음과 같습니다:

으아악

현재 SVG의 경로를 클릭할 때마다 다른 개체를 클릭할 때 업데이트되는 대신 새 DIV만 추가됩니다. 내 생각은 새 경로를 클릭하면 DIV를 닫고 새 경로를 여는 것이었지만 DIV가 새 정보로 업데이트될 수 있다면 그럴 필요가 없습니다.

Answer 1

안녕하세요 :) div에 ID를 부여한 다음 길이를 사용하여 ID가 ​​존재하는지 확인할 수 있습니다. 존재하는 경우 .html을 사용하여 새 콘텐츠로 채우세요.

으아악