Jquery悬停和悬停省略号

【问题标题】：Jquery hover and hover out ellipsisJquery悬停和悬停省略号
【发布时间】：2015-01-06 06:04:09
【问题描述】：

我有一个长标题，当不悬停时，我将其设为省略号，表示 ...，然后当我悬停时，长标题将显示完整长度，从这里我已经使用带有 css ellipsis 的 jquery 实现了它，到目前为止我有一个问题是当我鼠标悬停时如何再次将长标题返回到ellipsis？谢谢

Click here for the JS Fiddle

【问题讨论】：

什么不起作用？大量代码要看......
简化您的问题，否则您将获得大量反对票
@epascarello 我已经编辑了我的问题
@aokaddaoc 我已经编辑了我的问题

标签： javascript jquery html css

【解决方案1】：

如果您的问题是弹出窗口的标题一旦悬停就消失了，那么只需先调用渲染函数，然后再调用弹出函数。

JSFiddle：http://jsfiddle.net/5qnhcudp/4/

代码：

<script>
    var array = [];
$(function() {
    array[0] = {
        "no": "1",
            "name": "fruit",
            "value": "mango",
            "totalvote": "75"
    };
    array[1] = {
        "no": "2",
            "name": "fruit",
            "value": "apple",
            "totalvote": "10"
    };
    array[2] = {
        "no": "3",
            "name": "fruit",
            "value": "orange",
            "totalvote": "5"
    };
    array[3] = {
        "no": "4",
            "name": "fruit",
            "value": "banana",
            "totalvote": "45"
    };

    PG.init("popup_survey_whitebox_selection", "1", array);
    PG.render_1();    
    PG.callpopup();


});
</script>

【讨论】：

@ImHappy 我在 callpopup() 之前调用了 render_1()。
哈哈，就这样而已！