0

我有一个简单的 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>

任何帮助表示赞赏。

4

1 回答 1

2

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

对于加载，这些中的任何一个：

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

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

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