jquery - 寻找 JQuery 来检查图像可见性。图像控件位于中继器控件内

Question

下面的等效 JQuery 是什么？

function ChooseProd(obj) {

        var objectID = document.getElementById(obj.id);
        var isVisible = objectID.style.visibility;
        if (isVisible == "visible") alert("Image visible");
        else alert("Not visible");
        return false;
        }

我尝试过

var isVisible = $(obj.id).is(":visible");
if (isVisible == "visible") alert("Image visible");
else alert("Not visible");

但不工作

编辑:

ItemDataBound 事件如下

protected void repTest_ItemDataBound(object sender, RepeaterItemEventArgs e)
    {
        if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
        {
            LinkButton lnkBtn = e.Item.FindControl("lnkProdName") as LinkButton;
            Image img = e.Item.FindControl("prodImg") as Image;
            img.Attributes.Add("style", "visibility:hidden");

            if (lnkBtn != null)
            {
                var tt = lbl.ClientID;
                lnkBtn.Attributes.Add("onClick", "return ChooseProd(" + img.ClientID + ");");
            }
        }
    }

Javascript 如下

function ChooseProd(obj) 
{        

 var isVisible = $('#' + obj.id).is(":visible");
 if (isVisible) alert("Image visible"); 
 else alert("Not visible");            
 return false;           

}

但无论可见性如何:隐藏或可见，isVisible 都是 true。

谢谢

Answer 1

我认为您的 jQuery 选择器是错误的，请更改此:

var isVisible = $(obj.id).is(":visible");

对此:

var isVisible = $('#' + obj.id).is(":visible");

jQuery 函数 $() 采用类似 CSS 的选择器，而不是原始 ID。

此外，is返回一个 bool 值，而不是字符串，因此您只需要 if(isVisible)。