Question

我的Jade文件中有一些JQuery用于我的Express Web应用程序，但似乎没有任何东西被调用。这是内容玉文件：

extends layout
block content
    p Landing page
    #info Info area
block foot
    a(href="https://localhost:8888/logout", title="logout") Logout

这是布局玉文件：

!!!5
html
    head
        title #{title}
        link(rel='stylesheet', href='/stylesheets/style.css')
        script(type='text/javascript', src="http://code.jquery.com/jquery-1.9.1.min.js")
        script(type='text/javascript', src="/idle-timer.js")
        script(type='text/javascript').
            $(document).ready(function() {
                $(document).idleTimer(10000);
                $(document).on("idle.idleTimer", function(){
                    console.log("alert");
                });

                $(#info).click(function(){
                    $(this).hide();
                });
            });
    body
        header
            h1 Web App Sample
        .container
            .main-content
                block content
            .sidebar
                block sidebar
        footer
            block foot

任何人都可以看到问题所在吗？也许缩进？

Answer 1

很难在我的手机上看到，但你是否缩进了脚本代码，如：

html
    head
        script(src='jsfile')
        script
            $(document).ready
    body #same level as head!
        header

JQuery没有和Jade合作

1 个答案: