名称生成器(JS)和Bootstrap

时间:2017-09-19 11:55:06

标签: javascript jquery twitter-bootstrap

我正在为一个小网站和一些朋友工作,并希望在其中添加名称生成器。 我正在使用:

aws s3 cp s3_file local_file

名称生成器的JS代码来自: https://jsfiddle.net/katowulf/3gtDf/

我设法按下按钮询问名字,但没有任何反应。

html内容位于“容器流体”的最后一部分。 我链接到两个JS文件,因为我也有一个骰子生成器,如果我把两个代码都放在同一个文件中,骰子就不起作用了。

代码是否正常工作或Bootstrap是否会造成错误? 谢谢你的帮助;)

2 个答案:

答案 0 :(得分:0)

代码适用于我,而bootstrap并没有使它成为错误。您在页面中添加JavaScript的方式或您未与我们分享的其他内容一定存在问题。

答案 1 :(得分:0)

我已尝试过您的代码,但只需进行一些修改即可:

仅在单击生成器按钮时调用生成器功能: 在{:1}}

的生成器按钮中添加id属性

在generator.js中替换

id="generator_btn"  通过  $('button').click(function() {

并将其放入$('#generator_btn').click(function() { ... $( document ).ready(function() {

});提供了一种在页面的文档对象模型(DOM)可以安全操作时运行JavaScript代码的方法:https://api.jquery.com/ready/

您也可以在结束.ready代码

之前加载generator.js

小心:

  • 当您从jsfiddle复制/粘贴“随机名称生成器”代码时,由于它没有复制完整代码,因此我认为var </body>被截断了。

  • 你加载旧版本的jquery,它似乎不是一个问题,但如果你使用更新的jquery函数,它可能是一个。