Javascript window.load文档读取未运行

Javascript window.load文档读取未运行,javascript,jquery,Javascript,Jquery,我有一个简单的html5页面,它呈现一个包含多行的表。在其中的两行上,我给出了一个按钮,我想作为一个切换按钮来显示/隐藏另外两行 该表以所有行的形式呈现,然后我有一个函数隐藏4列,并将按钮设置为具有正确的符号 当我运行页面时,所有行都可见。。。window.load函数不运行。我甚至试过文件。准备好了,没有乐趣。初次单击后,切换按钮将正确隐藏行功能 我的代码是 <script type="text/javascript"> function toggleRetail() {

我有一个简单的html5页面,它呈现一个包含多行的表。在其中的两行上,我给出了一个按钮,我想作为一个切换按钮来显示/隐藏另外两行

该表以所有行的形式呈现,然后我有一个函数隐藏4列,并将按钮设置为具有正确的符号

当我运行页面时,所有行都可见。。。window.load函数不运行。我甚至试过文件。准备好了,没有乐趣。初次单击后,切换按钮将正确隐藏行功能

我的代码是

<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>

函数toggleRetail(){
if($('but#RToggle').val()==“+”){
$('but'urtoggle').val(“-”);
$('qretail')。显示(“慢”);
$('hretail')。显示(“慢”);
}否则{
$('but'urtoggle').val(“+”);
$('qretail')。隐藏(“快速”);
$('hretail')。隐藏(“快速”);
}        
}
函数toggleWholesale(){
if($('#but wtogle').val()==“+”){
$('but'WToggle').val(“-”);
美元(“#q批发”).show(“慢”);
$('hwholesale')。显示(“慢”);
}否则{
$('but'WToggle').val(“+”);
$('#q批发')。隐藏(“快速”);
$('hwholesale')。隐藏(“快速”);
}
}
$(窗口)。绑定(“加载”,函数(){
$('but'urtoggle').val(“+”);
$('#qretail').hide();
$('#hretail').hide();
$('but'WToggle').val(“+”);
$('#qwholesale').hide();
$('hwholesale').hide();
});

非常感谢您的帮助。

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

对于装载,以下任何一项:

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

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

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

请尝试
$(function(){…}
并检查是否加载了jquery是否在发布的脚本块之前加载jquery?@MofX jquery在我的母版页中被引用(这是一个.net项目)脚本加载到母版页的页脚中。我在页面上使用的其他JQuery脚本(包括我列出的切换按钮单击功能)没有任何问题。我尝试了$(文档)。准备好了吗…这是快捷方式$(函数…,但没有乐趣…我甚至在函数的开头和结尾插入了两个警报语句,它们都不会触发。奇怪。共享一个可以找到它的url,或者创建一个JSFIDLE.$(window.bind(“load”,function(){…});同样有效,因此这不是problem@MofX正如上面评论中提到的,jquery在底部的母版页中是引用的。上面的脚本在contentplaceholder中被引用,该占位符将插入文档的头部。这样可以吗…我只是检查一下,但我确定我还有其他$(文档).ready脚本在其他页面上运行良好。Gents,感谢您的回复…我已将jquery的引用移动到母版页的标题部分,所有工作正常。即使在其他页面上,我使用了相同母版页和类似母版页。load函数在其上运行良好。由于某些原因,此页面在我移动之前无法工作d在上面的脚本之前加载jquery的引用。如图所示!在加载jquery之前执行此代码时,请思考此处发生的情况:$(窗口).Javascript正在寻找一个名为$的函数来将窗口对象传递给。$还不存在。您可能认为您的其他页面工作正常,但我保证它们不存在。