클릭 기능 내에서 클릭 및 다시 클릭 기능

보젠 드라 라우 니야

클릭 및 다시 클릭 기능을 호출하고 싶은 이미지가 있습니다. 그래서 .toggle()기능 대신 .click()기능을 사용했지만 클릭하지 않고 이미지를 숨겨서 .click()아래와 같은 기능 내에서 클릭 및 다시 클릭 기능을 만들기로 결정했습니다 .

$('.imgclass').click(function(){
   $(this).addClass('btn');
    if($(this).attr('class','btn')){

        $(this).css('background-color','blue');
        $(this).removeClass('btn');
    } else {
        alert('sorry');
    }
});

하지만 내 코드에서 else 문이 작동하지 않습니다. 첫 번째 클릭에서 파란색에 배경색을 추가하고 해당 클래스를 제거한 다음 btn 클래스를 찾지 못하므로 '죄송합니다'라고 경고하지만 경고하지는 않습니다. 기능 내에서 클릭 및 다시 클릭 기능을 만드는 다른 좋은 아이디어가 있다고 생각 .click()합니다. 이것을 달성하는 방법?

데모

요한
$('.imgclass').click(function(){

   $(this).toggleClass('btn');

    if($(this).hasClass('btn')){
        $(this).css('background-color','blue');
    } else {
        alert('sorry');
    }
});

if 케이스가 작동하도록하려면 다음에서 getter를 사용해야합니다 attr.

if($(this).attr('class') === 'btn'){

이것은 btn버튼의 유일한 클래스 인 경우 에만 방망이 오른쪽으로 작동 합니다. 그래도 나는 이것에 대한 나의 접근 방식을 권장합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

클릭시 기능 실행 및 두 번째 클릭시 반전

분류에서Dev

css : 후 및 클릭 기능

분류에서Dev

클릭시 기능 중지

분류에서Dev

문서 클릭시 기능 중지

분류에서Dev

클릭 된 ID 가져 오기 및 다른 기능에서 사용

분류에서Dev

Jquery 클릭, 표시 및 숨기기 기능

분류에서Dev

요소 내부 클릭시 요소 외부 클릭 감지 기능 실행

분류에서Dev

AngularJS 클릭 및 콜백 기능

분류에서Dev

클릭 기능이 C # 및 DOM에서 작동하지 않습니다.

분류에서Dev

클릭시 팝업 요소 및 HTML 클릭시 숨기기

분류에서Dev

jquery의 요소에서 클릭 및 호버 기능

분류에서Dev

img 교체 및 클릭시 변경 기능에 대한 링크 유지

분류에서Dev

div에서 두 번째 클릭 기능?

분류에서Dev

기능 끝에서 버튼 클릭

분류에서Dev

링크를 클릭 할 때 테이블 클릭 기능 무시

분류에서Dev

클릭 기능은 2 번의 클릭이 필요합니다

분류에서Dev

클릭 기능은 2 번의 클릭이 필요합니다

분류에서Dev

클릭시 이미지 이미지 변경 및 호출 기능

분류에서Dev

왼쪽 및 오른쪽 클릭을위한 다양한 기능

분류에서Dev

두 번째 클릭시 기능 변경

분류에서Dev

클릭시 jQuery 지연 기능

분류에서Dev

클릭시 ID 획득 기능

분류에서Dev

클릭시에서로드시 활성 기능 변경

분류에서Dev

클릭 기능은 현재 및 이전 기능 코드를 실행합니다.

분류에서Dev

클릭시 div 표시 및 숨기기

분류에서Dev

클릭시 표시 및 숨기기

분류에서Dev

클릭 기능에 jQuery 모바일

분류에서Dev

Enrr에 의한 클릭 기능

분류에서Dev

jquery에서 두 번째 클릭시 기능 실행