web-dev-qa-db-ja.com

JQueryボタンクリックイベントが発生しない

単純な問題のように思えますが、他の問題の解決策は私からはうまくいかないようです。

ボタンクリックからAJAXリクエストをトリガーしようとしましたが、起動していないようです。

hTMLの例

<button class="remove_weight_button" id="15">x</button>

javascript

$(".remove_weight_button").click(function(){
    var button_id = $(this).attr("id");
    $.ajax({
        type: "POST",
        url: "weight_tracker_process.php",
        data: {
            weight_id: button_id,
            action: "remove"
        },
        success: function(){
            getWeightData();
        },
        error: function(){
            alert("data removal error");
        }
    });
    return false;
});
javascriptjqueryhtmlajax
34
GrepGrep

あなたが持っているコードはうまく機能します。ボタンは、最初のページの読み込み後にAJAXを介して動的にレンダリングされていますか？

つかいます

$(document).on("click", ".remove_weight_button", function(){

の代わりに

$(".remove_weight_button").click(function(){
100
Lloyd Banks