我在让 jquery 操作以理想方式运行时遇到了一个小问题。目前,一切都在一个特定领域的模糊中正常工作,这被称为“person_email”。问题是,如果最终用户这样做,并决定单击超链接,例如在 jquery 从模糊触发的页面的其余部分上单击,用户会简要地看到这个,然后继续到相应的链接。
理想情况下,只有在未单击超链接时才会触发模糊。
var $email = $("#person_email");
var $hint = $("#hint_edit");
$email.on('blur',function() {
$hint.hide; // Hide the hint
$(this).mailcheck({
suggested: function(element, suggestion) {
// First error - Fill in/show entire hint element
var suggestion = "Did you mean: <span class='suggestion'>" +
"<span class='address'>" + "</span>" +
"<a href='#' class='domain'>" + suggestion.address +
"@" + suggestion.domain + "</a></span>?";
$hint.html(suggestion).fadeIn(150);
}
});
});
$hint.on('click', '.domain', function() {
// On click, fill in the field with the suggestion and remove the hint
$email.val($(".suggestion").text());
$hint.fadeOut(200, function() {
$(this).empty();
});
return false;
});
})