“下一个报价”按钮无法正常工作

Question

我的“下一个引用”按钮需要一些关于我的问题的建议。

以下是我认为问题所在的代码部分$("#newQuote").on("click", function(){getQuote();});

您可以在https://codepen.io/ChaosSaveren29/pen/vZPYez找到我的代码。

提前致谢。

Answer 1

您不应将＃放在HTML元素的id属性中。

作为一个例子，这将有效。

<button class="btn btn-default" type="submit" id='nextQuote'>Next Quote</button>

精化编辑： JQuery在元素名称前面使用＃将其指向ID属性和。指向一个类属性。我觉得你搞砸了。实际上，您不应该将哈希值放入属性中，就像不在类中添加点一样。

Answer 2

按钮ID错误。您不应在元素属性

中使用#之类的特殊字符

从

更改id

<button class="btn btn-default" type="submit" id='#nextQuote'>Next Quote</button>

到

<button class="btn btn-default" type="submit" id='nextQuote'>Next Quote</button>