簡體   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