0

複数の行を持つテーブルをレンダリングする単純な html5 ページがあります。2 つの行で、他のいくつかの行をそれぞれ表示/非表示にするトグル ボタンとして機能するボタンを指定しました。

テーブルは最初にすべての行でレンダリングされ、4 つの列を非表示にしてボタンに正しいシンボルを設定する関数があります。

ページを実行すると、すべての行が表示されます... window.load 関数は実行されません。document.ready も試しましたが、喜びはありませんでした。最初のクリックで行が非表示になると、トグル ボタンが正しく機能します。

私のコードは...

<script type="text/javascript">

    function toggleRetail() {
        if ($('#but_RToggle').val()=="+"){
            $('#but_RToggle').val("-");
            $('#qretail').show("slow");
            $('#hretail').show("slow");
        } else {
            $('#but_RToggle').val("+");
            $('#qretail').hide("fast");
            $('#hretail').hide("fast");
        }        
    }

    function toggleWholesale() {
        if ($('#but_WToggle').val() == "+") {
            $('#but_WToggle').val("-");
            $('#qwholesale').show("slow");
            $('#hwholesale').show("slow");
        } else {
            $('#but_WToggle').val("+");
            $('#qwholesale').hide("fast");
            $('#hwholesale').hide("fast");
        }
    }

    $(window).bind("load", function () {
        $('#but_RToggle').val("+");
        $('#qretail').hide();
        $('#hretail').hide();
        $('#but_WToggle').val("+");
        $('#qwholesale').hide();
        $('#hwholesale').hide();
    });

</script>

どんな助けでも感謝します。

4

1 に答える 1

2

jquery スクリプト タグがこのスクリプト ブロックの前にあることを確認してください。

読み込みの場合、次のいずれか:

$(document).ready(function(){
//code
});

$(function(){
//code
});

window.addEventListener('load', function(){
//code
},false);
于 2013-05-21T18:32:41.947 に答える