javascript - jquery/javascript 设置宽度失败

Question

我遇到过这个问题:根据我想创建条形图的数字。有趣的是，它在设置为 quirks 模式的 IE8 中运行良好，但在其他任何地方都失败了。我真的不能说错误在哪里，我希望这里有人可以帮助我。我正在使用 jQuery，但使用 getElementById() 和 element.style.width = Somevalue(即没有 jQuery)也不起作用 :(

[编辑:删除了完整示例链接；馅饼过期了。]

基本上:

<input onChange="calculateField(1)" ...>

function calculateField(fieldname){
    value = $("#input_" + fieldname).val();
    fancyMagic();
    value = 6 * value; // for testing

    $("#subtotal_" + fieldname).html(value);
    updateDiagram();
}

function updateDiagram(){
    // gather required into, maxwidth, maxval, etc...

    // fetch 'normal' bar
    var target = $("#animatebar_1");
    var width = maxwidth * (value / maxval);

    // set width to proper width
    target.width(width);

    // like for avg bar
    var avgtarget = $("#avgbar_1");
    var avgwidth = maxwidth * (averagevalue / maxval);
    avgtarget.width(avgwidth);
}

我在各种设置下尝试了所有 FF、IE8 和 Opera，但它根本不起作用。之后条形的宽度立即设置为零。有趣的是，IE8 怪癖模式有效。

我很确定这只是我的愚蠢，但我会很感激这方面的帮助。我也尝试使用 .css() 来更改大小，但它也没有用。

非常感谢您。

Answer 1

我认为问题可能出在 span 标签的使用上。您应该改用 div。跨度标签忽略宽度。