Как правильно подкласс jQuery в CoffeeScript?

Question

Я хочу добавить HTML-код через JavaScript и добавить на него события click. Поскольку я не хочу писать HTML в JavaScript, у меня есть HTML-фрагменты в моем HTML-шаблоне, внутри тегов <script type="text/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 

Где я совершил ошибку?

Answer 1

Я не верю, что jQuery работает как обычный класс. Это более функционально, чем это. Вы не instance = new jQuery() никогда. Javascript позволяет использовать основанные на классе парадигмы, но вы не можете предположить, что все работает именно так.

Вместо этого наследуйте класс от ничего и просто использовать jQuery. И предоставить метод для этого класса, чтобы вернуть объект jQuery.

class RemoveChoiceButton extends jQuery 
    constructor: -> 
    @el = $("#remove-choice-button") # el for DOM *el*ement 

    getContent: -> 
    @el.html().trim() 

console.log new RemoveChoiceButton().getContent() 
# or 
console.log new RemoveChoiceButton().el.html() 

---

Но это звучание, используя класс для этого не то, что вы действительно хотите здесь. Если вы хотите запустить немного кода, чтобы получить объект jQuery, который является новой кнопкой, вам нужна не более простая функция. Не все должно быть классом.

makeRemoveChoiceButton = -> 
    $($("#remove-choice-button").html().trim())