javascript - JetStrap 中的函数调用

Question

我正在尝试使用 JetStrap 编辑器来模拟一些用户界面，然后再对其进行微调和部署。我对它很陌生，只用了几天。

我将此javascript代码放在按钮上的HTML中：

<button onclick="alert("I am an alert box!");">
   Click Me
</button>

当我切换到“测试”模式并单击按钮时，什么也没有发生。

Jetstrap 编辑器中是否禁止执行脚本？

编辑- 添加一些新代码以进行评论：

HTML：

<button id="thisbutton">
    Click me!
</button>

代码：

$('#thisbutton').click(function() {
  alert('I am an alert box!');
});

该代码片段是我的“JS”选项卡的全部。

score 2 · Accepted Answer

看起来您在双引号内使用双引号，这就是它不起作用的原因。

我刚刚在 Jetstrap 中用单引号对其进行了测试，它正在工作：

<button onclick="alert('I am an alert box!');">
   Click Me
</button>

但是，我建议向按钮添加一个 id，然后在 Javascript 编辑器中执行类似的操作

$('#thisbutton').click(function() {
  alert('I am an alert box!');
});

当您添加更多代码时，这是一个更好的解决方案。

1 回答 1