2012-08-31 51 views

回答

0

首先,如果這是jQuery,你必須使用.click,就像許多人說的那樣。 和#alpha不是類這是一個ID 我已經改變了你的CSS,腳本和HTML瀏覽: http://jsfiddle.net/7nF2t/89/

<div id="alpha" class="alpha"> 
    <iframe id="iframe" src="http://time.is"></iframe> 
</div> 
<div id="click"><br></div>​ 

<script> 
$(document).ready(function() { 
    $('#click').click(function(){ 
     alert('yes'); 
     $('#alpha').removeClass('alpha').addClass('alphas'); 
    }); 
}); 
</script>​ 

#click { 
    z-index:2; 
    margin-top:-200px; 
    height:200px; 
    width:200px; 
    background-color:#888; 
    opacity:0.48; 
    filter:alpha(opacity=48); 
} 
.alpha { 
    -webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
     -o-transition: all 0.3s ease-out; 
      transition: all 0.3s ease-out; 

    -moz-transform:scale(0.25); 
    -moz-transform-origin:0 0; 
    -o-transform:scale(0.25); 
    -o-transform-origin:0 0; 
    -webkit-transform:scale(0.25); 
    -webkit-transform-origin:0 0 
} 

.alphas { 
    opacity:0.38; 
    filter:alpha(opacity=38); 

    -webkit-transform: scale(1.5); 
     -moz-transform: scale(1.5); 
     -ms-transform: scale(1.5); 
     -o-transform: scale(1.5); 
      transform: scale(1.5); 
} 

​ 
+0

你怎麼知道alpha不是一個id?謝謝btw [編輯]哦,腳本功能,當然!謝謝! – user1609382

+0

對不起,我不明白。無論如何,你可以給樣式在CSS中的ID,但它仍然是一個ID而不是一個className。和你給任何HTML元素(比如body或DIV等)的樣式一樣。 – Gustonez

0

你在你的jsfiddle使用.onclick,使用.click來代替。

The demo.

+0

感謝它現在的迴應;是否有可能通過點擊進行轉換? – user1609382

1

您需要將您的活動,例如之前以確保文件已準備就緒:

$(document).ready(function() { 
    $('#click').click(function() { alert('yes'); } 
}); 

Damnd,沒有看到jsfiddle。 xdazz是對的。