簡體   English   中英

jQuery將.each()函數放在.click()函數中

[英]jQuery placing .each() functions inside a .click() function

.each()內的功能.click()沒有運行。 我不知道如何構造它們以使其在語法上正確,因此jQuery將識別並運行它們。

我試圖在結束之前解決這些問題}); 但我要么做得不好,要么做得不好。 我嘗試了Google搜索,但是除了主題標題之外,我對搜索內容一無所知。 我確實嘗試過在函數內部使用jquery函數,但事實證明這是一個丟失的原因。

編輯:我已經設法使第一個正確觸發( //POST specials ),但是,第二個仍然無法正常工作。 我甚至試圖把extras POST里面.ajax()的的specials ,並沒有奏效。

$('.class').find('#button').click(function() {

        //all kinds of variables here

        var dataString = {//variables:variables}
        console.log(dataString);

        $.ajax({
            type: "POST",
            url: "classes/reserve.php",
            data: dataString,
            cache: false,
            success: function(html)
            {
                //POST specials
                $('#specialscheck input:checked').each(function() {
                    var reservation = $('#reservation').val();
                    var special = parseInt($(this).attr('id'));
                    dataString = {reservation:reservation, special:special};
                    console.log(dataString);
                    $.ajax({
                        type: "POST",
                        url: "classes/insert_specials.php",
                        data: dataString,
                        cache: false,
                        success: function(html)
                        {
                            //$('.unitinfolist').html(html);
                        }
                    }); 
                });

                //POST extras
                $('#extrascheck input:checked').each(function() {
                    var reservation = $('#reservation').val();
                    var extra = parseInt($(this).attr('id'));
                    dataString = {reservation:reservation, extra:extra};
                    console.log(dataString);
                    $.ajax({
                        type: "POST",
                        url: "classes/insert_extras.php",
                        data: dataString,
                        cache: false,
                        success: function(html)
                        {
                            //$('.unitinfolist').html(html);
                        }
                    }); 
                });
            }
        });
    });

您應該將.each上移到jquery帖子的success函數中,或將其async: false設置為遵循此模式。

$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: dataType,
  async:false
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM