Php Can'；t使用.css将显示从无更改为块

这是我的CSS：

#optionHotel{
    display:none;
}

以下是我的JavaScript：

function cb1(type){
    switch(type){
        case "hotel":
            alert("hotel");
            $("#optionHotel").css("display","block");
            break;
    }
}

这是我的Html：

<div id="optionHotel"> Some Element In here</div>

这里有一些元素

在“头标记”中启动脚本：

<?echo '
<script>window.onload = cb1("'.$orderType.'");</script>
'?>

<!--CSS-->
<link href="../../css/navigate.css" rel="stylesheet"/>
<link href="../../css/reservation.css" rel="stylesheet"/>

将数据从php传递到js是可以的，因为我已经检查了switchcase

使用alert（）可以，但我不知道为什么.css display to block不起作用

请提供建议，提前感谢您的代码：

<script>window.onload = cb1("'.$orderType.'");</script>

或者，由于您使用的是jQuery，并且假设您不想在调用函数之前等待图像加载，请使用文档就绪处理程序：

<?echo '
<script>
  $(document).ready(function() {
     cb1("'.$orderType.'");
  });
</script>
'?>

…或将脚本移动到正文的末尾并直接调用函数：

<?echo '
<script>cb1("'.$orderType.'");</script>
'?>

---

这是因为DOM还没有准备好，您正在立即调用该函数，即在将元素添加到DOM之前

window.onload=function（）{cb1（“orderType”）}

$（“#optionHotel”）.hide（）；

<?echo '
<script>cb1("'.$orderType.'");</script>
'?>