mac*_*ean -1 javascript jquery
嘿所以我试图让javascript/jquery将一些盒子div插入我的DOM - 无法弄清楚为什么它不起作用.小心协助我？在这里查看:http: //codepen.io/anon/pen/gobcd
编辑(代码):
$document.ready(
for(i=0; i<17; i++){
$("#square_holder").append("<div class='block'></div>");
};
button.onclick=function(){
console.log("Prior grid setup cleared. Next you will be prompted for a new amount.")
var newnumber = gets.chomp;
console.log("You entered: #{newnumber}. Watch in awe as the grid fills ..... ")
};
);
你的代码:
$document.ready(
for (i = 0; i < 17; i++) {
$("#square_holder").append("<div class='block'></div>");
};
button.onclick = function () {
console.log("Prior grid setup cleared. Next you will be prompted for a new amount.")
var newnumber = gets.chomp;
console.log("You entered: #{newnumber}. Watch in awe as the grid fills ..... ")
};
);
你还没有定义$document,我怀疑你的意思是:
$(document).ready(
接下来,您需要将函数引用传递给ready函数,因此它应该是:
$(document).ready(function() {
那么你还没有声明一个被调用的变量button,所以该行应该是:
$('button').click(function() {
// your code
});
进行所有这些更改后,新代码应该看起来像这样:
$(document).ready(function() {
for (i = 0; i < 17; i++) {
$("#square_holder").append("<div class='block'></div>");
};
$('button').click(function () {
console.log("Prior grid setup cleared. Next you will be prompted for a new amount.")
var newnumber = gets.chomp;
console.log("You entered: #{newnumber}. Watch in awe as the grid fills ..... ")
});
});
然后你的HTML有一些问题.该<script>标签大概可以向内侧移动<head>标签,或者至少应该在之前被移动</body>的标签.在相关的说明中,您正在尝试加载无法找到的样式表和脚本.
你还需要更改<div>after <div id="square_holder">,</div>以便结束div,而不是开始新的div.
| 归档时间： |
|
| 查看次数： |
68 次 |
| 最近记录： |