无法将“p”标签添加到 div 内部。这是我的代码:
!!!
html
head
title= title
link(rel='stylesheet', href='/stylesheets/#{stylesheet}.css')
link(rel='stylesheet', href='/stylesheets/bootstrap.min.css')
body
.container
.row
.col-md-4
.col-md-4
.well
- if (error)
p= error
form(role='form',action='sessions', method='post')
.form-group
label(for='Email') Eposta Adresi
input#Email.form-control(type='email',name='user[email]',placeholder='E-posta adresi')
.form-group
label(for='Password') Şifre
input#Password.form-control(type='password',name='user[password]', placeholder='Şifre')
button.btn.btn-default(type='submit') Giriş
script(type='text/javascript', src='/javascripts/jquery-1.10.2.min.js')
script(type='text/javascript', src='/javascripts/bootstrap.min.js')
它呈现成这样:
<html>
<head>
<title>Giriş</title>
<link rel="stylesheet" href="/stylesheets/login.css">
<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
</head>
<body style="" cz-shortcut-listen="true">
<div class="container">
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4">
<div class="well"></div>
</div>
</div>
</div>
<script type="text/javascript" src="/javascripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/javascripts/bootstrap.min.js"></script>
</body>
</html>
这是在我添加之后发生的:
- if (error)
p= error
最佳答案
所以你想要直接内置到 jade 中的 if 语句，而不是 javascript 代码块(没有前导破折号)
.well
if error
p= error
form
.form-group.....etc
我认为您可能还想将 form 标记和以下所有内容的缩进减少 1 级，但这取决于出现错误时您想要的行为。
关于javascript - Jade 模板引擎无法将 <p> 标记添加到 div 内部，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20361596/