0

ページに情報メッセージ用のdivがありますが、空の場合は表示されないようにします。レイアウトファイルで次のjQueryスクリプトを使用していますが、機能していないようです。空の青いボックスが表示されますが、中にコンテンツがない限り非表示にしたいです。

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

実際のJadeファイルには次のものがあります。

extends layout

block head
    title Test page

block content
    if (message)
        #info= message

div全体をフェードアウトする別の動作するjQueryスクリプトがあるので、レイアウトファイルに問題はないと思いますが、とにかくここにあります。

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 に答える