Question

我有一个元素网格，点击每个元素，该元素将tittle附加到网格外的另一个div中（它是mi脚本的简化版本）。

问题是，当我点击A元素时，运行良好，标题附加在一个特殊的div中，但当我点击B元素时，特殊div不会显示B标题，当我点击两次时，特殊div显示B标题。

我搜索了很多这个问题，双击事件，返回false或event.stoppropagation，但是没有工作，我试着理解为什么，但我不知道究竟是哪个事件被“分配”哪个元素。

我正在使用jquery.click看起来像：

$('.grid div').click( function(e) {

      e.preventDefault();

      $('h2').empty();

      var nombre = $(this).find('.nombre').text();

      $('h2').append(nombre);

      $('.info').toggleClass('undisplayed');

      $(this).toggleClass('active');

});

每一个帮助都应该很好：D

概率pd。抱歉mi english

Answer 1

我认为你做得对，唯一的改变是：

$('.grid div').click( function(e) {
      var nombre = $(this).find('.nombre').text();
      $('h2').text(nombre);
      $('.info').toggleClass('undisplayed');
      $(this).toggleClass('active');

});

Answer 2

事件确切地起作用......唯一的一点是“toggleClass”..

这就是我需要点击2次的原因。解决方案非常简单：

if( $('.info').hasClass('undisplayed') ) {
     $('.info').toggleClass('undisplayed');
}

jQuery点击事件：需要两次点击

2 个答案: