Question

我有一个带有标题的选择列表来显示工具提示。

方案：我有两个具有不同值的选择列表。一个选择包含object1的列表，另一个选择列表包含object2。根据Object1选择列表中的选定值，Object2值的选择列表不同。

我已经使用Object2为选择列表中的每个值添加了标题。有时，我无法每次为Object2查看工具提示。

只要object2选择列表有滚动条，就会发生这种情况。

在源代码中，我可以看到标题，但在用户界面上我无法查看工具提示。

我并不清楚为何会发生这种情况。代码：

<label for="objsSelect">@Res.Strings.Objects</label>
<select id="objsSelect" class=" form-control" size="10" multiple></select>

function updateList(Type) {
        /// <summary>Updates the grants that the user can give</summary>

        try {
            var myobjs = m_myobjs[Type];

            // find matching object types
            var objDefs = $.grep(m_objDefinitions.getByObjectType(objectType), function (item) {
                /// <param name="item" type="server.objDefinition">Objectdefinition</param>

                var match = (m_isUser ||
                    myobjs.some(function (myObj) {
                        return item.ObjGuid === myObj.objGuid ||
                            item.GrantGuid === m_objDefinitions.getEffectiveobjGuid(myobj.ObjGuid);
                    }));

                return match;
            });

            // sort them by description
            objDefs.sort(function (a, b) {
                return a.Description.localeCompare(b.Description);
            });

            $(objDefs).each(function () {
                $objsSelect.append($("<option>").attr('value', this.ObjGuid).text(this.Description).attr('title', (this.TooltipDescription)));
            });

        }
        catch (error) {
            NMCApp.showNMCExceptionWindow(error);
        }

    }

Answer 1

那是因为你忘了添加这个

data-toggle="tooltip"

添加到您创建的元素

请检查此solution

您忘了添加标题

所以看起来应该是这样的

<select id="grantsSelect" class="nmc-select form-control" size="10" data-toggle="tooltip" Title="Test" multiple>


  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>


</select>

Answer 2

我想出了解决方案。我试图将滚动条位置重置为顶部并且有效。

$ objsSelect.scrollTop（0）;

选择面临标题问题的方框项目

2 个答案: