Как использовать всплывающую подсказку или заголовок в выпадающем списке jquery

Question

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

Заголовок отлично работает вплоть до того момента, когда я добавляю выпадающий список.

<!-- Use a JQuery ThemeRoller theme, in this case 'smoothness' -->
<link rel="stylesheet" type="text/css" href="http://dropdownchecklist.sourceforge.net/smoothness-1.11.2/jquery-ui-1.11.2.custom.css">
<link rel="stylesheet" type="text/css" href="http://dropdownchecklist.sourceforge.net/ui.dropdownchecklist.themeroller.css">

<!-- Include the basic JQuery support (core and ui) -->
<script type="text/javascript" src="http://dropdownchecklist.sourceforge.net/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http://dropdownchecklist.sourceforge.net/jquery-ui-1.11.2.custom.min.js"></script>

<!-- Include the DropDownCheckList support -->
<script type="text/javascript" src="http://dropdownchecklist.sourceforge.net/ui.dropdownchecklist-1.5-min.js"></script>  


<form method="post">
<select id="ps0" name="Role[]" multiple="multiple">
<option value="a" title="Tooltip_1">1</option>
<option value="b" title="Tooltip_2">2</option>
</select>
</form>

<script type="text/javascript">
  $(document).ready(function() {
    $("#ps0").dropdownchecklist( {emptyText: 'Role(s)', width: 200} );
  });   
</script>

Контрольный список работает, но подсказка - нет. Кто-нибудь знает, как заставить их работать вместе? Пример файла здесь. http://dropdownchecklist.sourceforge.net/ddcl-sample.html

Answer 1

Вы должны быть в состоянии сделать что-то подобное, чтобы скопировать заголовок из опций выбора в флажки после того, как плагин их создаст:

$(document).ready(function() {
  $("#ps0").dropdownchecklist( {emptyText: 'Role(s)', width: 200} );

  $('#ps0 option').each(function() {
    var title = $(this).attr('title');
    $('#ddcl-ps0-ddw .ui-dropdownchecklist-dropcontainer input[type="checkbox"]').attr('title', title); 
  });
});

Было бы идеальным, чтобы плагин просто копировалзаголовок, когда он создает флажки, так что вам не нужно помещать этот код везде, где вы используете плагин. Тем не менее, похоже, что этот плагин не имел активности в течение длительного времени, поэтому вы, вероятно, не получите ответ, если попросите создателя изменить плагин, чтобы он копировал заголовок из опций выбора в флажки какэто создает их. Таким образом, вы можете просто поместить логику копирования в функцию многократного использования. Кроме того, если вы хотите раскрыть источник и изменить его так, чтобы он помещал заголовки в флажки по мере их создания, вы можете сделать это. Это, вероятно, не было бы ужасно, так как плагин, вероятно, больше не будет получать обновления.