0

我的页面上有一个用于信息消息的 div，但如果它为空，我希望它不可见。我在布局文件中使用了以下 jQuery 脚本，但它似乎不起作用。我得到一个空的蓝色盒子，但我希望它被隐藏，除非里面有内容。

script(type='text/javascript')
    $('#info:empty').hide();

实际的 Jade 文件只有：

extends layout

block head
    title Test page

block content
    if (message)
        #info= message

我有另一个工作的 jQuery 脚本，它使整个 div 淡出，所以我不认为这是布局文件的问题，但无论如何：

head
    link(href='http://fonts.googleapis.com/css?family=Open+Sans', rel='stylesheet', type='text/css')
    link(href="/stylesheets/style.css", type="text/css", rel="stylesheet")
    script(type='text/javascript', src="http://code.jquery.com/jquery-1.9.1.min.js");
    script(type='text/javascript')
        $(document).ready(function(){
           setTimeout(function(){
          $("#info").fadeOut("slow", function () {
          $("#info").remove();
              });

        }, 2000);
         });
    script(type='text/javascript')
        $('#info:empty').hide();
    meta(http-equiv='Content-Type', content='text/html; charset=utf-8')
    block head

body
    block content
4

1 回答 1

2

将它移动到文档中）。准备好它会触发。

    script(type='text/javascript')
        $(document).ready(function(){
           setTimeout(function(){
          $("#info").fadeOut("slow", function () {
          $("#info").remove();
              });

        }, 2000);
         $('#info:empty').hide();
        });
于 2013-03-10T17:51:48.477 回答