Jquery标题悬停不起作用

Question

编辑：问题似乎是所选的插件。一旦我禁用它，工具提示工作正常。所以问题就在于插件中的某个地方我想..

 var i = 0;
        $(".dropdown-toggle").children().each(function () {
            $(this).attr("title", serializedResult[i]);
            //$(this).tooltip();
            i++;
        });

标题属性已添加，但悬停不起作用。最重要的是因为在动态添加html时，功能无法更新。所以我尝试使用bootstrap中的.tooltip（），title属性再次改变，但悬停再次无效。

如何制作它以便在悬停时显示我想要的内容，类似于在加载页面之前添加标题？

编辑：

所以我在MVC工作，这是我的观点：

<div class="col-md-3 red">
@using (Html.BeginForm("SelectGroup", "Werkvorm"))
{

    @Html.DropDownListFor(x => x.selectedItem, new SelectList(ViewBag.groepen, "id", "Naam"), "", 
    new { @class = "btn btn-default dropdown-toggle chosen-select", data_placeholder = "Selecteer een groep-" })
    <input type="submit" id="zoekgroep" value="Zoeken" class="btn btn-primary" />

}
</div>

页面加载后，Html看起来像这样：

<select class="btn btn-default dropdown-toggle chosen-select" data-placeholder="Selecteer een groep-" data-val="true" data-val-number="The field selectedItem must be a number." data-val-required="Het veld selectedItem is vereist." id="selectedItem" name="selectedItem" style="display: none;"><option value="" data-toggle="tooltip" title="Beschrijving groep1"></option>
<option value="1" data-toggle="tooltip" title="Beschrijving groep2">groep1</option>
<option value="2" data-toggle="tooltip" title="Beschrijving groep3">groep2</option>
<option value="3" data-toggle="tooltip">groep3</option>
</select>