простая область jQuery - PullRequest
Новая
       7

простая область jQuery

0 голосов
/ 24 октября 2019

Довольно простая проблема, я думаю. Мне нужно применить смайлики в окне чата. Смайлики появляются при наведении мыши, но по какой-то причине в этой области они не кликабельны. Ребята, вы видите, что не так с этим кодом? Как то, что я делаю не так? Спасибо! 

var emos = ['up', 'down', 'heart', 'happy', 'surprised', 'sad', 'mad'];
var emoText = ['says thumbs up!', 'says thumbs down!', 'loves this', 'is happy', 'is surprised', 'is sad', 'is mad'];
var messageHover = '<div class="message-hover">';
$(emos).each(function(i, emo) {
  messageHover += '<img src="/emoji/' + emo + '.png" data-text="' + emoText[i] + '" class="mw24 emo">';
});
messageHover += '</div>';

$('.message, .rec-message').each(function(i, item) {
  var $this = $(this);
  $this.parent().on('mouseover', function() {
    $(messageHover).insertBefore($this).show();
  });
  $this.parent().on('mouseout', function() {
    console.log('mouseout');
    $('.message-hover').hide();
  });
});

$('body').on('click', '.emo', function() {
  $this.append(this);
  $(this).removeClass('emo').attr('title', user.name + ' ' + $(this).data('text'));
  processPage(pageId);
});

Я обновляю код, чтобы отразить то, что я сделал (уберите привязку клика из каждого цикла - поведение остается прежним. - Не активируется щелчком - по крайней мере, смайлики не применяются ккоробка.

...