javascript - Javascript onclick需要两次单击

单击（获取类）时，我有一个可以在更大的框中转换的框。
但这需要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>

最佳答案

您正在使它变得比所需的复杂。您可以简单地执行以下操作：

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

小提琴：http://jsfiddle.net/64XQ3/

并且，如上所述，您的jQuery应该包装在

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

关于javascript - Javascript onclick需要两次单击，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23299145/