javascript - 更新するまで JavaScript が再生されます

Question

これが私が使用しているJSで、うまく機能します：

$(function() {
    var count = $(".parent a").length;

    $(".parent div").width(function(){
        return ($(".parent").width()/count)-5;
    });

    $(".parent div:not(:last)").css("margin-right","5px");

    $(".parent div:last").width(function() {
        return $(".parent div:last").width() + 5;
    });
  });

唯一の問題は、Web ページを読み込むと、div が次のようになることがあることです。

ページを更新すると、次のようになります。

ページに入ったときに正しく読み込まれるように修正する方法はありますか?

---

JSFIDDLE

Answer 1

これはより良いはずです（divの代わりにaを使用）

編集: いくつかの他の css の問題を修正しました:

• display:inline-block; である必要があります。
• .button は display:block; である必要があります。( を埋める)

http://jsfiddle.net/JpcQA/4/

$(function() {
    var count = $(".parent a").length;

    $(".parent a").width(function(){
        return ($(".parent").width()/(count))-15;
    });

    $(".parent a:not(:last)").css("margin-right","5px");

    $(".parent a:last").width(function() {
        return $(".parent a:last").width() + 5;
    });
});