Question

我在这里有一个jsfiddle：https://jsfiddle.net/gemcodedigitalmarketing/zn5yLwh3/

我想要的是要附加到画布的customText输入中的文本。虽然我不确定为什么这不起作用。

当我昨天尝试将td和tr附加到表格时它起作用。但也许因为它的画布需要一种不同的方式添加文字？

不确定......无论哪种方式，我都会提供帮助。

$('#addText').click(function() {
    var value = $('#customText').val();
    $('canvas').append('<p>' + value + '</p>');
});

这是我在页面底部的jquery

<div class="assets">
<h3>Assets</h3>
<div class="text">
    <h4>Text</h4>
    <input id="customText" type="text">
    <button id="addText" class="btn btn-default">Add Text</button>
    <p></p>
</div>
<div class="image">
    <h4>Images</h4>
    <ul class="list-unstyled">
        <!-- List of images here -->
        <!-- <li><img src="images/sample.jpeg" class="img-rounded" /></li> -->
    </ul>
</div>
<!-- canvas -->
<div class="canvas col-sm-8 col-md-8 col-lg-8">
    <div class="block">
        <!-- Add images and texts to here -->
    </div>
</div>

这是相关的html。

希望能给你们足够的人继续......

Answer 1

在您的情况下，canvas不是元素，而是类。

这是你的小提琴：

<!-- canvas -->
<div class="canvas col-sm-8 col-md-8 col-lg-8">
    <div class="block">
        <!-- Add images and texts to here -->
    </div>
</div>

所以你必须在选择器中使用它：

$('.canvas')

不要忘记点。

输入文本到<canvas>的.append值不显示.append的输出（'<p>'+ value +'</p>'）

1 个答案: