Anhängen Klicken Sie auf Ereignis, um Bootstrap-Umschalten-Radio-Buttons

Ich habe eine boostrap Umschalten mit dem code unten. Es ist optisch richtig

<div class="btn-group" data-toggle="buttons">
        <label class="btn btn-primary active">
            <input type="radio" name="options" id="showBuildQuantity" autocomplete="off" checked>Build Quantity
        </label>
        <label class="btn btn-primary">
            <input type="radio" name="options" id="showNumberOfScreens" autocomplete="off" onclick="showBuildQuantity()">Number of Screens
        </label>
    </div>

Unten habe ich einige code-Griff click-Ereignisse:

$(document).ready(function () {
    $('#showBuildQuantity').on('click', function () {
        <code here>
    });

    $('#showNumberOfScreens').on('click', function () {
        <code here>
    });
});

Das Problem, das ich habe ist, dass das click-Ereignis ist, werden nie ausgeführt, wenn ich auf den Tasten.

Habe ich andere Schaltflächen auf der gleichen Seite mit der gleichen Art von jQuery-click-Ereignis, und Sie nicht ein Problem haben.

  • Was ist die Frage ?
  • Danke! Ich habe es, das Problem ist, dass die .auf Ereignisse, die nie ausgelöst wird, und die Funktionen werden nie aufgerufen.
  • Was ist die Ausgabe der Konsole? Gibt es irgendwelche Fehler? Normalerweise ist das dein code scheint zu funktionieren, wie gezeigt, in diesem codePen so versuchen, fügen Sie mehr info codepen.io/kmlzjc/pen/oLrvxq
  • Zajac, ja, ich habe jQuery 2.2.4 und die neueste version von bootstrap. Es könnte sein, ein Problem, verursacht durch die 2 interagieren.
InformationsquelleAutor Ben Hoffman | 2016-07-28
  1. 4

    Nach einigen Recherchen fand ich, dass ich brauchen, um zu verwenden, anstatt Sie auf. Also der code sollte wie folgt Aussehen:

    $('#showBuildQuantity').on('change', function () {
    if (myChart != null) {
        myChart.destroy();
    }
    setChart(getBuildQuantityData);
});

$('#showNumberOfScreens').on('change', function () {
    if (myChart != null) {
        myChart.destroy();
    }
    setChart(getNumScreensData);
});
    • ja das löst mein Problem.
    InformationsquelleAutor Ben Hoffman
Schreibe einen Kommentar