Question

我对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中的支持问题。

Answer 1

答案是......安全设置。我正在使用的IE具有禁用JavaScript的高安全性设置。

Answer 2

您可以尝试使用HTML to Jade转换器：http://html2jade.aaron-powell.com/

我遇到了同样的问题，转换器帮助我解决了我的问题。

Answer 3

您传递给onclick的字符串基本上是eval。 javascript:alert('Adam!!')不是有效的JavaScript。

您是否在Jade中尝试了button(type="submit", onClick="alert('Adam!!')")，这应该呈现给<button onclick="javascript:alert('Adam!!')" type="submit"></button>？

您可能还需要按钮内的，以便更好地看到它。

Jade没有执行内联onClick Javascript

3 个答案: