Question

这是一个javascript将在更改edit-panes-delivery-delivery-country选项列表后运行，几个选项将附加到$（“select [id ^ ='edit-panes-delivery-delivery- zone']“），但是当更改edit-panes-delivery-delivery-country选项列表时，也会运行ajax，因此ajax操作将覆盖javascript的结果。

(function ($) {
  // Original JavaScript code.
    $('#edit-panes-delivery-delivery-country').ready (function() {
        $("#edit-panes-delivery-delivery-country").change(function() {
            if ($("#edit-panes-delivery-delivery-country option[value='156']").attr('selected')) {   

                var myOptions = {
                    949 : '福州 (hkpost only)',
                    951 : '廣州 (hkpost only)',               
                    952 : '昆明 (hkpost only)',
                    956 : '溫州 (hkpost only)',
                    957 : '廈門 (hkpost only)'

                };
                $.each(myOptions, function(val, text) {
                    //alert("added");
                    $("select[id^='edit-panes-delivery-delivery-zone']").append( new Option(text,val) );


                })
            }
        })
    })
})(jQuery);

所以，我的问题是，是否有可能延迟jquery运行例如几秒钟？

PS。该脚本在drupal 7模块中运行，因为我不知道在drupal 7中改变ajax动作，所以我选择延迟jquery运行

Answer 1

将代码移动到单独的JS函数中，并使用jQuery代码中的setTimeout调用它，替换alert（“Hello”）。此示例中的计时器为3,000毫秒或3秒。

setTimeout(yourFunctionNamehere,3000);

Answer 2

试试这个：

$("#edit-panes-delivery-delivery-country").change(function() {
    setTimeout(myHandler, 5000);
});

function myHandler(){
    // do everything here
}

延迟javascript函数的切换时间

2 个答案: