버튼의 나머지 부분이 아닌 아이콘을 클릭하는 것이 Javascript 구독 버튼이 작동하는 유일한 방법입니다.

Question

RSS 글꼴 Awesome 아이콘을 클릭할 때만 작동하는 구독 사용자 프로필 버튼이 있고 나머지 버튼은 작동하지 않습니다. 버튼 요소를 클릭 이벤트로 설정하기 위해 여러 가지 재정의를 시도했지만 전혀 작동하지 않습니다.

다음 코드는 아이콘 요소를 클릭할 때만 작동합니다.

으아악 으아악

전체 버튼을 클릭 가능하게 만드는 시도는 다음과 같습니다.

으아악

            <button class='subscribe-button profile-subscribe'> 
                <?php if ($profile->userSubscribed): ?>
                    <i class="fa-solid fa-user-check subscribe" data-user='<?= esc($profile->username);?>'></i>Subscribed
                <?php else: ?>   
                    <i class="fa-solid fa-rss subscribe" data-user='<?= esc($profile->username);?>'>
                    </i> Subscribe
                <?php endif ?>
            </button>

Answer 1

아이콘 대신 버튼을 선택하기 위해 클릭 핸들러를 변경한다는 올바른 생각을 가지고 있지만 클릭이 "구독"인지 "구독 취소"인지 감지하는 방식을 변경하는 단계를 놓치고 있습니다. 클릭 핸들러가 아이콘 위에 있으면 클래스는 클릭한 요소에 직접 있지만 상위 버튼으로 변경하면 아이콘의 클래스를 확인하기 위해 버튼의 하위 항목을 선택해야 합니다. "구독" 또는 "구독 취소"는 쉽게 해결할 수 있습니다.

으아악