如何调用jquery函数来检查元素可见性

时间:2016-11-20 05:19:27

标签: jquery html

我正在尝试使用ID为 cover 的html元素的jQuery检测可见性(部分或完整)并删除该元素。由于它不起作用,我已经将该功能简化为仅在检测到元素时警告消息。我正在使用.visible方法,但它没有提醒消息。

我创建的脚本名为checkVisible.js,简单地说是:

<script type="text/javascript">
function valueChanged()
{
    if($('.txtcheck').is(":checked"))   
        $(".txtbox").show();
    else
        $(".txtbox").hide();
}
</script>

html是:

$(function() {
    alert('START OF FUNCTION');
    $('#cover').visible(), function() {
        alert('COVER VISIBLE');
    };
});

它显示START OF FUNCTION但是当元素变得可见时,它不会显示COVER VISIBLE。

似乎无法找到.visible方法。我究竟做错了什么?

1 个答案:

答案 0 :(得分:1)

替换为:

$('#cover').visible(function() { // you must wrap your function within the parentheses of visible
    alert('COVER VISIBLE');
});

问题是,您没有将function()包裹在visible()函数的括号内。因此,在visible()运行时它不会运行。

希望这有帮助! : - )

修改

我注意到visible()实际上并不是 jQuery 原生函数。

所以试试这个替换:

if ($("#cover").is(":visible") == true) { 
    alert("COVER VISIBLE");
}