2016-09-21 7 views
1

Ich habe dieses JSFIDDLE Beispiel meiner Warnung in Klick-Ereignis-Taste. Ich schaffe es, Code zu suchen, der nach dem Ereignis die Warnung ausblendet. Was ich jetzt machen möchte, ist die div meiner Schaltfläche wird nicht beeinflusst before and after das Click Event. Was ich in der betroffenen meine istBootStrap Alarm

  1. vor Klick - die Schaltfläche, um einen Platz für die Warnungsansicht
  2. nach Klick sein muß - die Taste darf nicht nach oben nach Alarmierung verblassen bewegen.

Ich hoffe ihr versteht es.

Neu hier im Bootstrap.

CODE

CSHTML

< div class="alert alert-success" id="success-alert" style="width:auto"> 
<strong>Success! </strong > 
</div> 

< div class="modal-footer" > 
<button type="button" class="btn btn-primary" id="btnAlert"> 
     Alert</button > 
</div> 

JS

$("#success-alert").hide(); 
$("#btnAlert").click(function() { 
    $("#success-alert").fadeTo(5000, 500).slideUp(500, function() { 
     $("#success-alert").slideUp(500); 
    }); 
}); 

Antwort

1

Try this: Die Wieder Da der obere Bereich immer wieder verschwindet, ist, dass es kein Element gibt, um diesen Raum zu verbrauchen, also bewegt sich die Schaltfläche nach oben. Hier setze ich einfach die Deckkraft des HTML oberhalb der Schaltfläche auf Null. JSFIDDLE

$("#success-alert").css("opacity","0"); 
    $("#btnAlert").click(function() { 
      $("#success-alert").css("opacity","1"); 
     $("#success-alert").fadeTo(5000, 500,function(){ 
     $("#success-alert").css("opacity","0"); 
     });  
    }); 
+0

** EDIT ** .. In erster Last, wie ich die Taste so eingestellt habe? – KiRa

+0

Vielen Dank Nil. +1 – KiRa

Verwandte Themen