Jquery 需要解释下面的画布吗

Jquery 需要解释下面的画布吗,jquery,html,canvas,Jquery,Html,Canvas,我正在尝试使用Html5+jquery开发iphone应用程序,所以我选择了一个框架名为jquery mobile。更多关于Html5和jquery的信息我是新手。好的,现在我的问题是,我有一个带有id背景的属性画布,在这个画布上我需要制作4个这样的框(单元格) 当我使用属性时,这些类型的框会出现,如果我在HTML中使用而不是,则框不会出现。我在这里面临的问题是什么 我的html: <div id="background"> </div> 我的jquery: var c

我正在尝试使用Html5+jquery开发iphone应用程序,所以我选择了一个框架名为jquery mobile。更多关于Html5和jquery的信息我是新手。好的,现在我的问题是,我有一个带有id背景的属性画布,在这个画布上我需要制作4个这样的框(单元格)

当我使用
属性时,这些类型的框会出现,如果我在HTML中使用
而不是
,则框不会出现。我在这里面临的问题是什么

我的html:

<div id="background"> </div>
我的jquery:

var columns = rows = 2;

$(document).ready(function() {
    initGame();
});

function initGame()
{
    for(i=0; i<columns*rows; i++)
    {
        var cell = $("<div></div>").addClass("cell").addClass("unselected").appendTo("#background");
        if(i%columns == 0)
        {
            cell.before('<div class="clear"></div>');
        }
    }
}
var columns=rows=2;
$(文档).ready(函数(){
initGame();
});
函数initGame()
{

对于(i=0;i您的单元格可以是画布,但最外层的元素必须是div


只有当浏览器不支持画布时,
标记内的所有HTML才会显示。这通常称为“回退内容”。因此画布当然可以位于每个单元格中,但不能位于外部表中!

您的单元格可以是画布,但最外层的元素必须是div


标记内的所有HTML仅在浏览器不支持画布的情况下显示。这通常称为“回退内容”。因此画布当然可以位于每个单元格中,但不在外部表中!

我不知道是否只有我,但描述令人困惑。“如果我在同一位置使用画布,它就会出现。”…什么?@devnull69,谢谢你。我现在编辑了它。你说你用
替换了
。你是在谈论
的每一个外观吗?你不应该替换外部的div id=“background”,因为画布不能作为更多画布元素的容器。而且div class=“clear”仍然应该是一个div()@devnull69:好的,谢谢你……“画布不能成为更多画布元素的容器”这是答案。我不知道是否只有我一个人,但描述令人困惑。“如果我在同一个地方使用画布,它就会出现。”…什么?@devnull69,谢谢你。我现在编辑了它。你说你用
替换了
。你是在谈论
的每一个外观吗?你不应该替换外部的div id=“background”,因为画布不能作为更多画布元素的容器。而且div class=“clear”仍然应该是一个div()@devnull69:好的,谢谢你……“画布不能是容纳更多画布元素的容器”,这就是答案。
var columns = rows = 2;

$(document).ready(function() {
    initGame();
});

function initGame()
{
    for(i=0; i<columns*rows; i++)
    {
        var cell = $("<div></div>").addClass("cell").addClass("unselected").appendTo("#background");
        if(i%columns == 0)
        {
            cell.before('<div class="clear"></div>');
        }
    }
}