Question

我有一个基本的jquery代码来隐藏和显示表格，但我无法让它正常工作。

所以我必须在下面编写代码并使用表格“tblEstHr”

<script>
var funcToggleEstHrTable // define outside of Jquery
$(document).ready(function() {

    funcToggleEstHrTable = function(flag)
    {
        alert("toggle EstHR");
        if (flag == "1") 
        { 
            $("#tblEstHr").show()
        } else {
            $("#tblEstHr").hide()   
        }
    }

});
</script>

在表单中，如果我通过单击下面的此按钮进行测试，它将起作用。

<input type="button" name="test" id="test" value="test" onClick="funcToggleEstHrTable('0')"/>

但是，如果我在页面加载时将此函数放在窗体内的if语句中，则它无效。像这样

<% If Username = "ABC" %>
    <script>funcToggleEstHrTable('0');</script>

    <table id="tblEstHr">
        ...

请帮忙，谢谢，

Answer 1

您的第一个代码段中不需要$ .ready，但是您在使用＆lt; insert server-side language＆gt; 输出的代码中确实需要它。或者您可以将其移动到在桌子之后再次不需要它。

function funcToggleEstHrTable (flag) {
    alert("toggle EstHR");
    if (flag == "1") { 
        $("#tblEstHr").show()
    } else {
        $("#tblEstHr").hide()   
    }
}

<% If Username = "ABC" %>


    <table id="tblEstHr">
        ...
    </table>
    <script>funcToggleEstHrTable('0');</script>

Answer 2

<script>funcToggleEstHrTable('0');</script> this needs to called on doc ready.

<script>
var funcToggleEstHrTable // define outside of Jquery
$(document).ready(function() {

    funcToggleEstHrTable = function(flag)
    {
        alert("toggle EstHR");
        if (flag == "1") 
        { 
            $("#tblEstHr").show()
        } else {
            $("#tblEstHr").hide()   
        }
    }

});
</script>

<script>$(function(e){funcToggleEstHrTable('0');});</script>

    <table id="tblEstHr">
        ...

jquery - 在带有条件

2 个答案: