自动适合标签云在div中

时间:2015-04-21 08:22:54

标签: css tag-cloud fittextjs

我在div中放置了一些标签云。对于每个标签云,都有一个拇指向下图标,我使用了来自http://www.cssflow.com/snippets/sliding-tags

的滑动标签css

如果标签云大于80px,则它不适合该div内部。我使用了自动换行和jquery的fittext插件,但我无法使其工作。你能建议一下可能的解决办法吗?

我为它创造了小提琴:http://jsfiddle.net/aexqoe8n/1/

在Js方面:

resultDiv = document.getElementById('tokenCloudResultDiv');
resultDiv.innerHTML = '';
resultDiv .innerHTML="<ul  class='tags blue' style='list-style-type: none;padding:5px;'>";
for (i in json) {
    addToken(resultDiv, i, json[i]);
}
resultDiv.innerHTML=resultDiv.innerHTML+"</ul>";

function addToken(target, key, result) {
    var str;
    var weight;

    if(result['tagWeight']>80)
        $("#tokenCloudResultDiv").fitText(1.2);

    weight= "style='font-size: " + result['tagWeight']  + "px;'";
    if(addedAutomatically)
    str = "<li><div><a " + weight + " >" + result['tagName'] +"</a><span   class='thumbsDownIcon' id ='" + tagId + "' style='display:block;cursor:pointer;' ></span></div></li>";
    target.innerHTML += str;
}

0 个答案:

没有答案