javascript - divクリックサイズ変更iframeまたは基になるdiv？

Question

divクリックで応答がないのですが、何が間違っているのかを知る必要があります http://jsfiddle.net/7nF2t/​​76 / ありがとう

<div id="click"><br></div>

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

Answer 1

イベントを追加する前に、ドキュメントの準備が整っていることを確認する必要があります。例:

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

くそー、jsfiddleを見ませんでした。xdazzは正しいです。

Answer 2

まず、これが jQuery の場合.click、多くの人が言ったように使用する必要があります。AND #alpha は CLASS ではなく、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);
}

​

Answer 3

.onclickjsfiddle で使用しています。.click代わりに使用してください。

デモ。