jQuery promise().done() 不起作用

Question

jQuery promise().done() 不工作。以下是我的代码：

<div id="testtesttest">gggggg</div>
<script type="text/javascript">
    Event.observe(window, 'load', function() {
        new Ajax.Request('testurl', {
            method: 'get',
            parameters: {
                id: param
            },
            onSuccess: function() {
                alert('success');
                jQuery('div#testtesttest').html('teststring').promise().done(function() {
                    alert('afterpromise');
                });
            }
        });
    });
</script>

它正在提醒 "success"，将 "teststring" 替换为 "gggggg" 但不提醒 "afterpromise" >

我正在使用 jquery-1.10.2。

编辑： 原代码

<?php if (!$this->getAttributeCode() || $this->getProduct()->getData($this->getAttributeCode())): ?>
    <div id="<?php echo $this->getBlockId() ?>" class="lazyblocks-loader">&nbsp;</div>
    <script type="text/javascript">
        Event.observe(window, 'load', function(){
            new Ajax.Request('<?php echo $this->getUrl('lazyblocks/product/' . $this->getLazyAction()) ?>', {
                method: 'get',
                parameters: {
                    id: <?php echo $this->getProductId(); ?>
                },
                onSuccess: function(transport){
                    var data  = transport.responseText;
                    var block = jQuery('#<?php echo $this->getBlockId() ?>')
                    block.removeClass('lazyblocks-loader');
                    if (data.isJSON()) {
                        var jsonData = data.evalJSON();
                        if (jsonData.html) {
                            block.html(jsonData.html).promise().done(function(){
                                block.find('img.lazy').jail({
                                    id              : 'page',
                                    event           : 'load+scroll',
                                    loadHiddenImages: true,
                                    offset          : 10000
                                });
                                <?php echo $this->getChildHtml('lazyblocks.loader.oncomplete'); ?>
                            });
                        }
                    }
                }
            });
        });
    </script>
<?php endif; ?>

可能是什么问题？

Answer 1

问题在于您的 jQuery 版本。如果您使用更高版本（2.1 和更高版本），它将起作用。在最新版本中，如果没有异步工作挂起，jQuery 元素会创建一个已解决的承诺。见

• http://jsfiddle.net/fHyH7/（使用最新的 jQuery）

• http://jsfiddle.net/fHyH7/1/（不适用于 1.10）

一些假代码，以便我可以链接到 jsfiddle

// Fake code so I can link to jsfiddle