Question

我的页面上有一个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

Answer 1

将其移到文档中。）就这样会触发。

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

        }, 2000);
         $('#info:empty').hide();
        });

jQuery：空无法在Jade中工作

1 个答案: