Kendo UI
jQuery + Kendo UI + MockJax + Knockout
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.blueopal.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<select id="Title" name="Title" title="What's your title?">
<option value="Mr.">Mr.</option>
<option value="Mrs.">Mrs.</option>
<option value="Miss">Miss</option>
</select>
JavaScript
var title = $("#Title").kendoDropDownList().data("kendoDropDownList");
title.wrapper.attr("title", $("#Title").attr("title"));
var tooltip = title.wrapper.kendoTooltip({
position: "bottom",
autoHide: true,
width: 280,
animation: {
open: {
effects: "slideIn:down",
duration: 300
},
close: {
effects: "slideIn:up",
reverse: true,
duration: 200
}
}
});