jQuery通過Ajax無法在IE中加載新密碼

Question

我有以下代碼，但是在IE 9中特別無法使用。 也許還有其他版本。

該功能正在運行，如果我發出警報，它將觸發，但是在IE中，當再次單擊該按鈕時，它不會替換文本。 在其他瀏覽器中，每當用戶單擊#gen_password按鈕時，都會從遠程文件中重新加載新密碼。 在IE中，它永遠不會替代它。

誰能看到什么問題？

謝謝。

$("#gen_password").live('click',function(){

    $("#password_messg").html('');
    var before = $("#gen").html();
    $("#gen").html("<image alt='Loading...' src='ajax_loader.gif' />");
    $("#password_container").load('random.php', function(){
        $("#gen").html(before);
    });
    $("#password_container").show();
    return false;
});

這是它所作用的HTML：

<fieldset class="blue_border"><p id="password_messg" class="message"></p><legend>Change password</legend>
    <form method="post">
        <dl class="zend_form">
            <dt></dt>
            <dd>
                <input type="hidden" name="pwpid" id="pwpid" value="<?php echo $this->login_data['id'];?>" />
                <span id="password_container" class="disabled">&nbsp;</span>
                <input type="hidden" name="savepw" id="savepw" value="1" />
            </dd>
            <dt></dt>
            <dd id="gen">
                <button id="gen_password">Generate a Password</button>
                <button id="save_password">Save</button>
            </dd>
        </dl>
    </form>
</fieldset>

Answer 1

您在jQuery中創建的HTML無效- <image>應該為<img> （IE對於將無效HTML插入DOM非常挑剔）。 可能應閱讀：

$("#gen").html('<img src="ajax_loader.gif" alt="Loading" />');

Answer 2

我認為您的HTML不好。 你應該試試

var img = $("<img>",{src: 'ajax_loader.gif', alt: 'Loading'});
$("#gen").html(img);

Answer 3

我也有同樣的問題，但這僅僅是； javascript代碼中缺少。