.append Wert von Eingabetext zu <canvas> ist nicht die Ausgabe von .append Anzeige (‚<p>‚+ Wert +‘</p>‘)

Question

Ich habe einen jsfiddle hier: https://jsfiddle.net/gemcodedigitalmarketing/zn5yLwh3/

Was ich will, ist der Text im Eingabecustom an die Leinwand angehängt werden. Obwohl ich unsicher bin, warum das nicht funktioniert.

Es funktioniert, als ich gestern versuchte, td und tr an eine Tabelle anhängen. Aber vielleicht, weil es eine Leinwand ist, braucht es eine andere Art, Text hinzuzufügen?

nicht sicher ... so oder so würde ich apprecaite helfen.

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

Das ist mein jquery am unteren Rand der Seite

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

Dies ist relevant html.

Hoffnung, die euch genug gibt, um fortzufahren ...

Answer 1

In Ihrem Fall canvas ist kein Element sondern eine Klasse.

Dies ist von Ihrer Geige:

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

So haben Sie es in der Auswahl zu verwenden, wie:

$('.canvas') 

nicht den Punkt Vergessen Sie.