javascript - 尽管存在三个请求，Internet Explorer 仅在 jQuery ajax 成功响应中执行一次函数

Question

我有一个函数，它使用 jQuery.load() 从不同页面调用 3 个表单片段，然后在成功文本状态下尝试加载颜色选择器:

$(document).ready(function() {

    function ajax_form(putloadingboxhere, putsnippethere, snippeturl) {

        $(putsnippethere).load(snippeturl, function (responseText, textStatus, XMLHttpRequest, ) {
            if (textStatus == "success") {
                alert('One')
                $("input.pickcolor").ColorPicker({
                    onShow: function (colpkr) {
                        $(colpkr).fadeIn(500);
                        return false;
                    },
                    onSubmit: function(hsb, hex, rgb, el) {
                        $(el).val(hex);
                        $(el).ColorPickerHide();
                        $(el).siblings('.colorpreview').css('background-color', '#' + hex);
                    },
                    onBeforeShow: function () {
                        $(this).ColorPickerSetColor(this.value);
                    }
                })
                .bind('keyup', function(){
                    $(this).ColorPickerSetColor(this.value);
                });  

                alert('Two')
            }
            if (textStatus == "error") {
                // Show error message
            }
        });
    }

    ajax_form('tab_box', '#formone', 'snippet_one.htm #snippet');
    ajax_form('tab_box', '#formtwo', 'snippet_two_copy.htm #snippet');
    ajax_form('tab_box', '#formthree', 'snippet_three.htm #snippet');
});

它在 Firefox 和 Safari 中工作正常，但(惊讶，惊讶)IE 有问题。我添加了一个警报，以查看其中一个函数之前和之后发生的情况。

FF & Safari & IE8:警报“一”和警报“二”按预期出现三次，并且出现颜色选择器。IE6 和 7:警报“一”显示三次并且颜色选择器不出现。

任何帮助都会很棒!干杯。

编辑

IE 抛出此错误时所指的行:“错误:对象不支持此属性或方法。”是:

$('input.pickcolor').ColorPicker

有人有任何见解吗？谢谢

Answer 1

您是否绑定(bind)了“.live”而不是“.bind”？