// 在初始化插件后添加触摸事件支持
$('textarea').mentionsInput({
  // 配置选项
});

// 添加触摸事件支持
$('.mentions-autocomplete-list').on('touchstart', 'li', function(e) {
  e.preventDefault();
  $(this).click();
});

/* 确保下拉菜单在移动设备上显示正常 */
.mentions-autocomplete-list {
  position: absolute;
  z-index: 9999;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* 启用iOS平滑滚动 */
}

.mentions-autocomplete-list li {
  padding: 10px;
  font-size: 16px; /* 增大字体便于触摸 */
  line-height: 1.5;
}

// 确保输入框获得焦点时插件能正常工作
$('textarea').on('focus', function() {
  $(this).mentionsInput('checkForMention');
});

$(document).ready(function() {
  var $textarea = $('#myTextarea');
  var $userList = $('#userList');
  
  $textarea.on('input', function() {
    var val = $textarea.val();
    var lastChar = val.slice(-1);
    
    if (lastChar === '@') {
      $userList.show();
    }
  });
  
  $userList.on('touchstart click', 'li', function() {
    var username = $(this).data('username');
    var currentVal = $textarea.val();
    $textarea.val(currentVal + username + ' ');
    $userList.hide();
  });
});