Question

我有一个小费游戏，列表上有许多游戏。如果您点击游戏的报价，会打开一个包含数据的模态，您可以设置金额，然后通过提交，您可以通过ajax提交。我不知道什么是错的，但是从那以后我就有了约束性问题。当我点击一些引号然后我拿了一个数量..然后它不仅提交一个，它提交我之前点击的所有...

这很疯狂..这是我的js代码

    $('.ui.buttons').on('click', 'a.quote.button', function (e) {
        e.preventDefault();
        // FOR DESKTOP
        // $('#bet').fadeIn(300);


        var id = $(this).data('id');
        var tip = $(this).data('tip');
        var game = $(this).data('game');
        var team = $(this).data('team');
        var quote = $(this).data('quote');
        var earnings = 0;
        var amount = $('#stake').val();
        console.log(game);
        $('#game').text(game);
        $('#team').text(team);
        $('#tip').text(tip);
        $('#quote').text(quote);

        bet.modal('show');

        //bet.on('change', '#submit', function(){
        //   console.log(2);
        $("#submit").bind('click', function (ev) {
            ev.preventDefault();
            $(this).unbind(ev);
            var game = {};
            game.id = id;
            game.tip = tip;
            game.quote = quote;
            game.amount = $('#stake').val();

    //SEND TIP
    $.ajax({
        type: 'POST',
        url: url + '/bet',
        data: {game_id: game.id, tip: game.tip, quote: game.quote, stake: game.amount}, .....
        });

Answer 1

我解决了。我已经在#submit绑定之前关闭了它。

$('body').on('click', 'a.quote.button', function (e) {
//  e.stopPropagation();
$('a.button.active').removeClass('active');
$(this).addClass('active');
// FOR DESKTOP
// $('#bet').fadeIn(300);


id = $(this).data('id');
tip = $(this).data('tip');
game = $(this).data('game');
team = $(this).data('team');
quote = $(this).data('quote');
earnings = 0;
amount = $('#stake').val();
console.log(game);
$('#game').text(game);
$('#team').text(team);
$('#tip').text(tip);
$('#quote').text(quote);

bet.modal('show');

earnings = quote * amount;

return false;
});

  $("#submit").on('click', function () {
   ....
   });

JQuery数据不与点击提交“绑定”

1 个答案: