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();
  });
});

我希望这会对你有好处。

跨度按钮＆amp;翡翠剧本

1 个答案: