动态将现有画布添加到div

debugcn 发表于 Dev

我

我通过jQuery将现有画布动态添加到div时遇到问题。此外，我尝试了多种选择来附加此选项，但任何一种都可以。

这是我的代码：

<div class="a"> 
    <div id="b"></div> 
    <div id="c" class="c"> 
    </div> 
</div>

jQuery的：

$(document).ready(function()
{
    if($('.myDivIfLoad').text().length >= 0)
    {
        //$('canvas[class="canvasClass"]').appendTo($('.c')); // doesn't work
        //$('canvas[class="canvasClass"]').append($('.c')); // doesn't work
        //var canv= $('canvas[class="canvasClass"]'); //doesn't work
        //document.getElementById('c').appendChild(canv)        // doesn't work
        $('canvas.canvasClass').appendTo('.c')
        $(function()
        { 
            $(".a").hover(function()
            { 
                $(".a").stop(true, false).animate({right: "0" }, 800, 'easeOutQuint' ); 
            }, function()
            { 
                $(".a").stop(true, false).animate({right: "-245" }, 800, 'easeInQuint' ); 
            },1000); 
        }); 
    }
});

如果有人可以帮助我，我将不胜感激！

编辑

如果这取决于我的代码，那么我基于此教程：http : //w3lessons.info/demo/sliding-facebook-likebox/

TJ人群

四件事：

~~在CSS中，标识符（id值，类名）不能以digit开头，因此选择器.3无效（选择器#1等）。~~ （您在下面说过，这些不是您的真实的ids和类，并且您的真实的不是以数字开头的。）

~~考虑id使用字母开头的s和类名称，以便选择器有效。~~
您appendTo而不是append正确的方法，只有选择器才是问题所在。
canvas[class="canvasClass"]寻找一个canvas有确切的类canvasClass和没有其他人。会匹配<canvas class="canvasClass">..</canvas>"但不匹配<canvas class="foo canvasClass">..</canvas>或相似。按类选择的最佳方法是类选择器，canvas.canvasClass它将与该类匹配任何元素（即使它也具有其他元素）。
这是可疑的：$('.myDivIfLoad').val().length。这个班级暗示这是一个div，但div没有价值。他们有内容。您可能想要.text().length或.html().length或.children().length或.contents().length取决于您在该行的目标是什么。