Jquery 悬停和悬停省略号

Question

我有一个很长的标题，当我不悬停时，我把它设为省略号表示 ...，然后当我悬停时，长标题将显示完整长度，从这里我已经使用 jquery 和css ellipsis，到目前为止我遇到的问题是当我 mouseout 时如何将长标题 return 再次 ellipsis ？谢谢

Click here for the JS Fiddle

Answer 1

如果您的问题是 pop-up 的标题在其悬停后消失，那么只需先调用渲染函数，然后再调用弹出函数。

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>

Jquery 悬停和悬停省略号

Jquery hover and hover out ellipsis

html

javascript

css

jquery