javascript - 新窗口对象和链接单击之间的竞争条件

Question

我在新窗口对象创建和链接单击之间遇到竞争条件。新窗口是一个名为 AjaxUpload 的插件，其输入需要具有唯一 ID 的链接元素。请注意，AjaxUpload 会打开一个新的文件选择窗口。

该页面需要许多链接，这些链接会带来具有唯一 ID 的文件选择窗口。因此，为了简化场景，计划是将新的 ID 附加到单击的链接，创建窗口对象，模拟鼠标单击以打开窗口，销毁 ID，并对其他链接执行相同的操作。

但是，当在窗口对象加载完成之前执行模拟单击时，就会出现问题，导致代码仅在单击链接两次时才起作用。

这是代码:

$(document).ready(function() {
            // The link is an anchor element with icon camera class
            // that will be attached with a new ID called wall-image-upload
            // which will destroyed after the window is brought up
            $( "a.icon.camera" ).click(function(e) {
                // Exit the function when wall-image-upload
                // id is created to avoid infinite loop
                if ($('#wall-image-upload').length!==0) {
                    return;
                }
                // Create the ID
                e.target.setAttribute("id", "wall-image-upload");

                // Create AjaxUpload object to handle the
                // image attachment where it looks up link 
                // with wall-image-upload ID
                var uploader = new window.AjaxUpload(
                   'wall-image-upload',
                   { action: 'wall_upload/{{$nickname}}',
                       name: 'userfile',
                       onSubmit: function(file,ext) { $('#profile-rotator').show(); },
                       onComplete: function(file,response) {
                           addeditortext(response);
                           $('#profile-rotator').hide();
                       }                 
                   }
                );
             // Simulate click on the element, this doesn't effect on
             // anything unfortunately
             $('#wall-image-upload').trigger("click");

             // Destroy the id
             $('#wall-image-upload').prop("id",null);

            }); 
});

我应该放在哪里以及如何放置

$('#wall-image-upload').trigger("click");

能够正确执行吗？

Answer 1

这个问题无关紧要。没有发生竞争条件。问题是，无论出于何种原因，模拟单击都不会打开窗口。该问题已结束。