JQuery에서 활성화 할 때 색상을 변경하는 버튼

버튼을 눌러도 아무런 변화가 없지만 색상은 동일합니다.JQuery에서 활성화 할 때 색상을 변경하는 버튼

HTML :

<div class="fadebox leadstyle-container"> 
    <p class="button" data-lead-id="button-id"> 
     <a href="http://..." class="btn leadstyle-link" target="_blank" style="display: block;">Register for a Live Online Event w/ Mark Allen &amp; Dave Scott</a> 
    </p> 
</div>

JS :

$(document).ready(function(){ 
$(".btn leadstyle-link").click(function(){ 
    $(this).css("background-color","#0f6832"); 

    }); 
});

나는 아무 소용 JQuery와 모든 사업부의 클래스 및 어린이를 선택했습니다. 필요한 경우 CSS를 제공 할 수도 있습니다.

출처

2014-11-06 Dimoff

선택기가 잘못되었습니다. '.btn.leadstyle-link'이어야합니다. – Archer

좋은 관찰이지만 색상은 여전히 동일합니다. – Dimoff

'p.button' 요소가 아닌 링크 배경색을 변경 하시겠습니까? – Archer

선택기가 맞지 않습니다. 이 요소에는 두 개의 클래스 btn과 leadstyle-link이 있습니다. - example에 대한

$(".btn").click(function(){ 
.... 
}

또는

$(".leadstyle-link").click(function(){ 
    .... 
}

또는 아처가 언급 한 같은

이 교차로를 사용 : 그래서 이런 일을한다.

출처

2014-11-06 00:43:44

또는 제안했듯이 두 가지를 모두 사용하면 작동하지 않는다고 말합니다. – Archer

@Archer, 특이한 것 같습니다. –

그는 실제로 옳습니다. 원하는 효과를 내지 않습니다. – Dimoff

-1

jQuery에서 여러 클래스를 선택할 수 없습니다. 나는 OOP와 "이"아니에요 때문에 매우 전문적인 사용하지

$(".fadebox").on('click', function(){ 
     $(".fadebox").backgroundColor='#0f6832'; 
});

1) : 나는 당신의 코드를 수정했습니다. 2) "backgroundColor"(JavaScript)를 사용했습니다. 3) 이벤트 (문서 준비 중)는 다른 이벤트에 이벤트를 넣는 것이 어리석기 때문에 쓸모가 없습니다. 4) "A"요소의 backgroundColor를 변경할 수 없습니다. 귀하의 버튼이 "div"(클래스 Fadebox)로 생성 된 것 같습니다.

이 기능이 작동하는지 확인하려면 코드를 사용해보십시오.

출처

2014-11-06 00:52:49 Syncro

fadebox를 선택해도 작동하지 않았습니다. – Dimoff

전체 코드를 광산으로 교체해보십시오. – Syncro

이것은 완전히 잘못되었습니다. 우선, 이벤트 핸들러의 selector는'fadebox' 클래스로 * 모든 * 요소를 선택하고 두 번째로 jQuery 객체는'backgroundColor' 속성을 갖지 않습니다. – Archer

JQuery에서 활성화 할 때 색상을 변경하는 버튼

답변

관련 문제