2012-04-16 6 views
2

"버튼"을 누르면 div가 보이기를 원합니다. 버튼이 눌러지기 전에jquery change display does not work

여기
<span id='dl' class='btn' data-app-id=''>DOWNLOAD<br/>FREE</span></div> 

가 초기 단계에서 DIV의 HTML이다 여기서 버튼을 나타내는 HTML이다. 나는 개인적으로이 그대로 대신 전환 쇼를 사용하고 숨길 선호

.box { 
    position: absolute; 
    background: #4d0404; 
    opacity: none; 
    z-index: 9001; 
    -webkit-box-shadow: 0 5px 7px black; 
    text-align: center; 
    color: white; 
    top: 50px; 
} 
+0

나는 그것이 불투명하다고 생각한다. 이후로는 불투명하지 않은 표시 속성 만 변경한다고 가정합니다. –

답변

1

:

$("#dl").live("click", function() { 
    $("#dlblank").toggle(); 
    $("#dlbox").toggle(); 
});​ 

은 "전환"사업부의 CSS :

<div class='box' id='dlbox' style='display:none'> 
    <div class='title'> 
     <span class='text'>Confirm install</span> 
     <span id='x1' class='x'></span> 
    </div> 
    <p>Click to install </p> 
    <p><?php echo "<span style='font-weight:bold'>$app->appName</span>"; ?></p> 
</div>​ 

JQuery와는 이것이다 무슨 일이 일어나고 있는지 좀 더 명확 해. 나는 또한 jquery에도 disply 아무 것도 넣지 않을 것이다. 당신은 당신의 코드가 잘 작동하고 코드가 당신을 위해 작동하지 않을 수있는 유일한 이유는 당신이 사용하고 있다고 할 수있다, 개방에게 여기 <div> 태그 그렇지 않으면

<div><span id='dl' class='btn' data-app-id=''>DOWNLOAD<br/>FREE</span></div> 

를 놓친 모든

$('#dlbox').css('display':'none'); 
$(document).ready(function() { 
     $("#dl").live("click", function(){ 
      $("#dlbox").show() 
     }); 
    }); 
1

우선 이전 버전의 jQuery (예 : 1.2.6) 및 라이브 함수는 여기에 정의되어 있지 않습니다.

나는 jsfiddle을 만든 당신은 http://jsfiddle.net/9wLjL/

+0

도움을 주셔서 감사합니다 –

1

당신은 마크 업 오류가 여기 볼 수 있습니다. 개봉하지 말고 </div> 마감. 첫 번째 줄에서

다음으로 사용하지 않으려면 .bind()을 사용 중지해야합니다. 더 이상 사용하지 않는 것이 좋습니다. 대신 .on()을 사용해야합니다. div

+0

버튼에 문제가 있습니다. 시간의 절반은 .. 문제가 될 수 있습니다. 묶여 있지 않을 수도 있습니다 .. 아니면 이벤트 충돌이 있습니까? –

1

없이

$("#dl").on("click", function(){ 
    $("#dlblank").toggle(); 
$("#dlbox").toggle();}); 

Demo$('#dl').click(function(){ /*....*/ } 일을했다.