在jquery中显示/隐藏div

Question

我试图根据条件显示和隐藏div(在本例中为facebook).这是我正在使用的代码,但由于某种原因,警报有效,但它仍然显示div.有人可以帮助调试这个.谢谢.

    <?php
      // call the function to parse the signed request
$sr_data = mySignedRequest();

// check like status
if ($sr_data->page->liked==1) {
    echo '<script language="javascript">
        alert("Hello You Are a Fan");       
            document.getElementById("header").style.display = "block";
        </script>';
} else {
    echo '<script language="javascript">
        alert("You are not a fan");     
            document.getElementById("header").style.display = "none";
        </script>';
}

?>
<div id="header">

Hello You Are a Fan
</div><!-- #header -->

Answer 1

这是尝试访问元素但尚不存在的代码的典型示例.你是用一个元素获取元素getElementById,但元素只在所有JavaScript代码之后定义.

你应该用$(document).ready.而且,jQuery有.hide,.show所以你不需要getElementById和style.display:

echo '<script language="javascript">
    alert("Hello You Are a Fan");

    $(document).ready(function() { // only run when all elements are available
        $("#header").show();
    });
    </script>';