javascript - 使用 javascript 使用 if 语句隐藏 div

Question

当值不相等时，我想使用 javascript 隐藏 id 为 apDiv1 的 div，我使用以下代码。但它不起作用。

<script>
/* <![CDATA[ */
if (#{sessionScope['userdet']['email']}!=#{sessionScope['frienddet']['email']}){
$('#apDiv1').hide();
}
/* ]]> */
</script>

渲染后的代码如下:

<script>
    /* <![CDATA[ */
    if (amlan@ymail.com != atinr4@gmail.com){
     $('#apDiv1').hide();
    }
    /* ]]> */
</script>

Answer 1

渲染的代码不是有效的 JS - if 上有语法错误条件，因为您需要引用包含电子邮件地址的字符串。也就是说，您的渲染代码应如下所示:

if ("amlan@ymail.com" != "atinr4@gmail.com"){

或者你可以使用单引号，JS 允许(只要它们匹配任何特定的字符串文字)。

我不知道您的源语言是什么，但我假设您可以通过以下方式获得所需的渲染结果:

if ("#{sessionScope['userdet']['email']}"!="#{sessionScope['frienddet']['email']}"){

编辑:您的页面上是否包含了 jquery.js 文件？您在问题上没有使用 jquery 标签，而是 $("#apDiv1").hide()部分使用 jQuery 函数 $()和.hide() 。如果你没有 jQuery，请尝试这样的操作:

document.getElementById("apDiv1").style.display = "none";

此外，如果脚本 block 出现在 div 之后，或者将代码包装在文档就绪处理程序中，则您显示的代码将只能找到 div，如下所示(尽管这也假设 jQuery 可用):

$(document).ready(function() {

    // your other code here    
});

使用 onload 处理程序的非 jQuery 版本:

window.onload = function() {

    // your other code here
};