跨度按鈕和Jade中的腳本

Question

我試着簡單的登錄功能，但按鈕沒有跨越，總是顯示登錄！

我想人民按登錄，然後出現登錄框，但它始終可見！有誰能夠幫助我？

layout.jade

doctype html5 

    html 
     head 
     title #{title} - Main Page 
     link(rel='stylesheet', href='/stylesheets/style.css') 
     script(type='text/javascript') 
      $('#toggle-login').click(function(){ 
      $('#login').toggle(); 
      }); 
     body 
     header 
      span#toogle-login.button(href='#login') Log in 
      #login 
      #triangle 
      h1 Log in 
      form 
       input(type='email', placeholder='Email') 
       input(type='password', placeholder='Password') 
       input(type='submit', value='Log in') 
      h1 Screen Shot Saver 
      h2 Pictured your favourite websites 
     .container 
      .main-content 
      block content 
      .sidebar 
      block sidebar 
     footer 
      p Running on node with Express, Jade and Stylus 

Answer 1

首先包括jQuery腳本

script(src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js") 

，然後，爲了安裝上切換登錄點擊事件，你必須包括點擊 函數內部文件準備就緒，否則它贏了，不會連接。

$(document).ready(function(){ 
    $('#toggle-login').click(function(){ 
    $('#login').toggle(); 
    }); 
}); 

我希望這會對你有好處。