-1

嘿，所以我试图让 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 ..... ")
};
);
4

1 回答 1

6

你的代码：

$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(

接下来，您需要将函数引用传递给准备好的函数，所以它应该是：

$(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，而不是开始一个新的。

于 2013-10-16T14:33:22.493 回答