Question

我正试图做一些像这样容易的事情：

HTML：

<object id="InfoPage" type="text/html"></object>

Javacript：

function setInternalPage(pageAddress)
{
    $("#InfoPage").css("visibility", "hidden");
    $("#InfoPage").attr("data", pageAddress);
    $("#InfoPage").load(function()
    {
        $(this).css("visibility", "block");
    });

}

当调用该函数时，可见性被正确设置为隐藏，但是当调用回调时（根据Chrome调试器），它不会将可见性设置为“阻止”，使其保持隐藏状态。我只需要这个就可以在Chrome上运行，因为我们的目标是让它在CoherentUI中用作GUI，这是一种在游戏中呈现HTML5页面的工具。此工具基于Chrome。

你能在这里看到任何明显的错误吗？ :) 干杯! 亚历

Answer 1

尝试将visibility属性设置为visible。

block是display CSS属性的有效设置，而不是visibility。

参考： http://www.w3schools.com/cssref/pr_class_visibility.asp

visibility: visible|hidden|collapse|initial|inherit;

Answer 2

你提到visibility : block。但是没有这样的财产，

所以使用

$(this).show(); or $(this).css("display","block") or $(this).css("visibility ","visible")

在JQuery回调中更改CSS样式不起作用？

2 个答案: