jquery ui工具提示在<;李>;vs<;选项>;元素

jquery ui工具提示在<;李>;vs<;选项>;元素,jquery,jquery-ui,Jquery,Jquery Ui,我试图理解jquery ui工具提示的分配 下面我有一个简单的代码片段,试图将工具提示应用于和元素。我不明白为什么同样的方法不适用于两者。见下文 HTML 工具提示显示在列表项和标记上,但不显示在选择框内的选项上 那么与jquery的观点有什么不同呢 如何在列表项中的上正确实现工具提示 您的问题与jQuery UI或其工具提示无关。它只与s及其无法被指针事件锁定有关。正如你所看到的 $(“选择”) .在( '将鼠标悬停在鼠标右键单击鼠标右键单击鼠标右键单击鼠标右键单击鼠标右键', “选项”,

我试图理解jquery ui工具提示的分配

下面我有一个简单的代码片段,试图将工具提示应用于
  • 元素。我不明白为什么同样的方法不适用于两者。见下文

    HTML

    工具提示显示在列表项和
    标记上,但不显示在选择框内的选项上

  • 那么
    与jquery的观点有什么不同呢
  • 如何在列表项中的
    上正确实现工具提示

  • 您的问题与
    jQuery UI
    或其工具提示无关。它只与
    s及其无法被指针事件锁定有关。正如你所看到的

    $(“选择”)
    .在(
    '将鼠标悬停在鼠标右键单击鼠标右键单击鼠标右键单击鼠标右键单击鼠标右键',
    “选项”,
    职能(e){
    log(e,参数);
    }
    );
    
    
    选择一
    选择二
    选择三
    ... 等等
    
    非常有用的解释。我以前从未遇到过这种情况。谢谢
    <div id="container">
      <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ul>
    </div>
    <p></p>
    <div id="ctnr2">
      <select>
        <option>Item 1</option>
        <option>Item 2</option>
        <option>Item 3</option>
      </select>
    </div>
    
    var content_dict = {
      'Item 1': 'Eins',
      'Item 2': 'To',
      'Item 3': 'Tres',
      'Item 4': 'Qatre',
      'Item 5': 'Vijf',
    };
    
    $(function() {
      //List items tooltip
      $('#container').tooltip({
        items: 'li',
        track: true,
        content: function() {
          return "tooltip: " + content_dict[$(this).text()];
        }
      });
    
      //Select options tooltips
      $('#ctnr2').tooltip({
        items: 'select, option',
        track: true,
        content: function() {
          return "tooltip: " + content_dict[$(this).text()];
        }
      });
    });