После визуализации, элемент с JQuery обертке не reconized

Question

У меня есть layoutView, который хранит целенаправленный элемент так:

this.model.searchBookingTriggerElement = document.activeElement; 

layoutView является reRendered, и я стараюсь, чтобы вызвать следующее:

onRender: function() { 
    var self = this; 
    _.defer(function() { 
     if (self.model.searchBookingTriggerElement) { 
      $(self.model.searchBookingTriggerElement).hide(); 
     } 
    }); 
} 

Этот не работает, что я не могу понять, так как элемент кажется правильным.

Когда я console.log(self.model.searchBookingTriggerElement); я получаю:

<button type="submit" class="btn button item-component btn-medium btn-green">Buscar</button> 

Если я выбираю его непосредственно с помощью простого

$("button").hide(); 

Он работает, как ожидалось (скрывает элемент), то почему не Jquery признавая выбранный элемент кнопки?

---

Один ключ я нашел, что, когда я парить

<button type="submit" class="btn button item-component btn-medium btn-green" style="display: none;">Buscar</button> 

в develeper инструментов это не красит его на экране, то есть он не связан с ним.

Это потому, что оно было повторно отображено, и теперь это еще один объект, чтобы сказать? Как я могу избежать этого?

Он даже работает, если я:

$("." + $(self.model.searchBookingTriggerElement).attr("class").split(" ").join(".")).hide(); 

Answer 1

Я думаю, что комментарии довольно ясно, выбранный элемент исчезает, как только вы повторно вынести. Я предполагаю, что вы создаете макет, поэтому, возможно, вы можете назначить уникальный идентификатор каждому элементу, который может быть выбран, поэтому каждый раз, когда вы делаете все, что вам нужно, это идентификатор.

this.searchBookingTriggerElement = document.activeElement.id; 

Я ушел из Отложить, но вы можете добавить его в -

onRender: function() { 
    var self = this; 
    if (self.searchBookingTriggerElement) { 
    $('#' + self.searchBookingTriggerElement).hide(); 
    } 
}