JavaScript を使用して HTML を追加し、クリック イベントを追加したいと考えています。私は JavaScript で HTML を書きたくないので、HTML テンプレートの<script type="text/html">
タグ内に HTML スニペットがあり、それらをクラスでラップしたいと考えています (見栄えを良くし、機能をより適切にテストできるようにするため)。
私の例では、テンプレートがあります
<script type="text/html" id="remove-choice-button">
<span class="close">×</span>
</script>
私のCoffeeScriptファイルには、
class RemoveChoiceButton extends jQuery
constructor: ->
super($("#remove-choice-button").html().trim())
しかし、それを DOM に追加しようとすると、次のようなことが起こるため、機能しません。
jQuery ->
console.log new RemoveChoiceButton().html()
//=> undefined
どこで間違いを犯したのですか?