1

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 

どこで間違いを犯したのですか?

4

1 に答える 1