繁体   English   中英

Jade不执行内联onClick Javascript

[英]Jade Not Executing Inline onClick Javascript

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

答案是...安全设置。 我使用的IE的安全设置较高,因此禁用了JavaScript。

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

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

本质上,您传递给onclick的字符串将为eval javascript:alert('Adam!!')无效的JavaScript。

您是否尝试过Jade中的button(type="submit", onClick="alert('Adam!!')") ,它应该呈现为<button onclick="javascript:alert('Adam!!')" type="submit"></button>

您还可能希望按钮有一些东西,以便您可以更好地看到它。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM