我对Jade完全不熟悉,并尝试点击一个简单的内联按钮来发出警报。
我有layout.jade
doctype html
html
head
title= title
link(rel='stylesheet', href='/stylesheets/style.css')
body
block content
然后在index.jade中我有
extends layout
block content
h1= title
p Welcome to #{title}
p Adam
input(type="text", id="wordToChange")
input(type="text", id="wordToChangeToo")
button(type="submit", onClick="javascript:alert('Adam!!')")
我已经尝试了警报线的几种变体。想法?
生成的Html。
<head>
<title>Adam</title>
<link href="/stylesheets/style.css" rel="stylesheet"></head>
<body>
<p>Welcome to Adam</p>
<p>Adam</p>
<input id="wordToChange" type="text">
<input id="wordToChangeToo" type="text">
<button onclick="javascript:alert('Adam!!')" type="submit"></button>
更新:显然它仅限于IE?它在FF中工作并发出警报。必须是IE中的支持问题。
答案 0 :(得分:0)
答案是......安全设置。我正在使用的IE具有禁用JavaScript的高安全性设置。
答案 1 :(得分:0)
您可以尝试使用HTML to Jade转换器:http://html2jade.aaron-powell.com/
我遇到了同样的问题,转换器帮助我解决了我的问题。
答案 2 :(得分:-1)
您传递给onclick
的字符串基本上是eval
。 javascript:alert('Adam!!')
不是有效的JavaScript。
您是否在Jade中尝试了button(type="submit", onClick="alert('Adam!!')")
,这应该呈现给<button onclick="javascript:alert('Adam!!')" type="submit"></button>
?
您可能还需要按钮内的 ,以便更好地看到它。