Javascript onclick 需要两次点击

Question

我有这个框，当单击时它会变成一个更大的框(获取类)。但它需要点击 2 次，而不是原本应该点击的一次。

.clientes {width:170px;height:27px;background-image:url('../imagens/clients.gif');-webkit-transition:1s;}
.clientes-clicked {width:356px !important;height:154px !important;background-image:url('../imagens/clients-big.png') !important;-webkit-transition:1s;}

<script>    
    var clientesclick = function(){
    $('.clientes').on('click', function(e) {
      $('.clientes').toggleClass("clientes-clicked"); //you can list several class names 
      e.preventDefault();
    });
    }
</script>

Answer 1

你让事情变得比需要的更复杂。你可以简单地这样做:

$('.clientes').click(function(){
    $(this).toggleClass('clientes-clicked');
});

fiddle :http://jsfiddle.net/64XQ3/

并且，正如上面指出的，您的 jQuery 应该包含在

$(document).ready(function(){
    // code here
});