JQuery mit dynamischen Inhalten in Winkel-heitlich

Question

habe ich ein Feld

{ 
     key: 'last', 
     type: 'input', 
     model: vm.model.name, 
     className: 'flex flex-gt-xs-100 left-element', 
     templateOptions: { 
      label: 'Last Name' 
     } 
     } 

Ich brauche mit JQuery, es zu verbergen, nicht hideExpression Wenn ich benutze:

$(document).ready(function(){ 
     $('.left-element').hide(); 
}); 

Es funktioniert nicht. Aber wenn es binded Veranstaltung:

$(document).ready(function(){ 
    $('body').click(function(){ 
      $('.left-element').hide(); 
    } 
}); 

Es funktioniert.
Was passiert? Ich möchte Element ausblenden, wenn Sie Seite eingeben, nicht nach dem Klicken.

Answer 1

Sie haben es erstellt, um die Klasse beim Klicken festzulegen. Sie müssen es beim Laden der Seite einstellen. Sometging wie folgt aus:

`window.onload = function() { 
    document.getElementById('.left-  elemnt').hide(); 
};` 

Oder wenn Sie mit jQuery:

`$(function() { 
    $('.left-element').hide(); 
    });` 

    `$(document).ready(function(){ 
    $('#left-elemnt').hide(); 
    });`