Question

我想做http://responsiweb.com/themes/preview/ace/1.3.3/calendar.html 日历结束时的工具提示......

我的静态代码：

<ul class="nav nav-list" style="">
    <li class=""><a href="#"><i class="menu-icon fa fa-calendar"></i><span class="menu-text">
        Calendar <span class="badge badge-transparent tooltip-error" title="" data-html="true"
            data-original-title="2 Important Events <br/>
            2 Important Events <br />
            2 Important Events 2 Important Events2 Important Events 2 Important Events2 Important Events 2 Important Events2 Important Events 2 Important Events2 Important Events 2 Important Events2 Important Events 2 Important Events2 Important Events 2 Important Events2 Important Events 2 Important Events2 Important Events 2 Important Events2 Important Events 2 Important Events2 Important Events 2 Important Events">
            <i class="ace-icon fa fa-exclamation-triangle red bigger-130"></i></span></span>
    </a><b class="arrow"></b></li>

但是当我使用像

这样的javascript完全像这样

jobinfo.push(document.createElement('span')); // IGNORE VARIABLE NAMES
            var jobinfo_i = document.createElement('i');
            jobinfo[j].setAttribute('class', 'badge badge-transparent tooltip-error pull-right');
            jobinfo_i.setAttribute('class', 'fa fa-info-circle');
            jobinfo[j].setAttribute('title', "2 Important Events fa fa-exclamation-triangle &#013; 2 Important Events fa fa-exclamation-triangle &#013;2 Important Events fa fa-exclamation-triangle &#013; 2 Important Events fa fa-exclamation-triangle &#013;");
            jobinfo[j].setAttribute('data-html', true);
            jobinfo[j].setAttribute('data-original-title', "2 Important Events fa-check ");
            jobinfo[j].setAttribute('style', 'position:static;padding:0px;');

然后它没有显示任何工具提示..任何建议PLZ ..

因为我也尝试了bootstrap工具提示，但它没有那么敏感..如果我的按钮或li在页面下方并且我将鼠标悬停在它上面则不会调整工具提示大小..

动态工具提示不起作用

0 个答案: