javascript - window.load文件读取不运行

Question

我有一个简单的 html5 页面，它呈现一个包含多行的表格。在其中两行上，我提供了一个按钮，我想将其用作切换按钮，以显示/隐藏其他几行。

表格将所有行全部呈现，然后我有一个函数可以隐藏 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>

感谢任何帮助。

Answer 1

确保 jquery 脚本标记位于此脚本 block 之前。

要加载，请选择以下任意一项:

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

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

window.addEventListener('load', function(){
//code
},false);