使用jQuery，Tooltip无法正常工作

Question

在此代码中，我有两个用于用户输入电子邮件的字段，第二个用于确认。

问题出在第二个领域。在我输入两封电子邮件并检查两者是否相等之后 确认字段的工具提示消失，不会再回来。

http://jsfiddle.net/alissonal/js4tov8v/

$(function() {
    $( '#txt_email' ).tooltip({ content: "Inform e-mail" });
    $( '#txt_email_confirm' ).tooltip({ content: "Confirm e-mail"});  
});

$("#txt_email").focusin(function() {
    $(this).tooltip("option", "content", "Inform e-mail");    
});     

$("#txt_email").focusout(function() {
    $(this).tooltip("option", "content", "Valid e-mail");
});

$("#txt_email_confirm").focusin(function() {
    $(this).tooltip("option", "content", "Confirm e-mail");
});

$("#txt_email_confirm").focusout(function() {    
    if($(this).val().toString() == $("#txt_email").val().toString())        
    {
        $(this).tooltip("option", "content", "Valid e-mail");
    } else {
        $(this).tooltip("option", "content", "Different e-mail");
    }               
});

由于

Answer 1

我相信这就是你想要的：FIDDLE

$("#txt_email_confirm").focusout(function() {    
    if($(this).val().toString() == $("#txt_email").val().toString())        
    {
        $(this).tooltip("option", "content", "Valid e-mail").tooltip('show');
    } else {
        $(this).tooltip("option", "content", "Different e-mail").tooltip('show');
    }               
});