Schaltflächen mit dynamischem Inhalt

Question

Ich habe Schaltflächen mit Beschriftungen, die sich je nach geladenem Thema ändern. Wenn Sie darauf klicken, lädt die Schaltfläche neue Daten in ein Diagramm. Dies funktioniert gut bei Span-Elementen, aber es funktioniert nicht, wenn ich die Spanne in einer Schaltfläche umschließe.

Beispiel:

<button type = "button" class = "btn btn-default"><span id="cat1"></span></button> 

Labels gesetzt mit:

click: function (e) { 
      document.getElementById('cat1').innerHTML = 'something' 
}; 

Daten werden mit auf Klick gebunden:

$("#cat1").click(function() { 
    // do stuff 
}); 

etwas geht verloren, wenn ich den Knopf für die Spanne hinzufügen . Ich habe versucht, span mit einem Anker zu ersetzen, aber es funktioniert auch nicht.

Answer 1

Haben Sie es versucht?

<button type="button" class="btn btn-default" id="cat1"></button> 

Answer 2

Wie Sie jQuery verwenden, können Sie eine einfachere Form versuchen.

Versuchen Sie es:

$('#cat1').click(function() { 
    $(this).html('something'); 
}); 

Oder wenn der Sollwert aus der Veranstaltung ist es, man kann es versuchen:

$('#cat1').html('something'); 

Answer 3

Sie können den Text in Spanne aktualisieren, wenn die Taste folgende Verwendung geklickt wird Code

$('#btnClick #cat1').text("something"); 

In den oben genannten gab ich eine ID für Button als btnClick.

Sie können die Funktionalität auch ohne Span verwenden. Dafür benötigen Sie Taste als

<button id="btnClick">Button</button> 

Um Text der Schaltfläche, um zu ändern, die der Code muß Click-Ereignis sein

$('#btnClick').text("change") 

Answer 4

werden, wenn eine Spanne innerhalb eines Knopfes verschachtelt ist, jedes Mal, Sie klicken darauf, der Knopfklick wird ausgelöst. aber die Spanne Klick ist nicht

gefeuert basierend auf HTML, es sieht aus wie Sie Bootstrap verwenden, können Sie so etwas wie die folgenden

<div class="btn btn-default"> 
    <span id="cat1"></span> 
</div> 

tun kann ich ein funktionierendes Beispiel in der Geige haben.

http://jsfiddle.net/pparas/dv3amy7k/1/