如何jquery.hints.js工作chrome但没有重装页面？ [英] how to jquery.hints.js work chrome but without reload page ?
本文介绍了如何jquery.hints.js工作chrome但没有重装页面？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>submit demo</title>
<style>
p {
margin: 0;
color: blue;
}
div,p {
margin-left: 10px;
}
span {
color: red;
}
</style>
<script src="Scripts/jquery-1.4.1.js"></script>
<script >
/**
* @author Remy Sharp
* @url http://remysharp.com/2007/01/25/jquery-tutorial-text-box-hints/
*/
(function ($) {
$.fn.hint = function (blurClass) {
if (!blurClass) {
blurClass = 'blur';
}
return this.each(function () {
// get jQuery version of 'this'
var $input = $(this),
// capture the rest of the variable to allow for reuse
title = $input.attr('title'),
$form = $(this.form),
$win = $(window);
function remove() {
if ($input.val() === title && $input.hasClass(blurClass)) {
$input.val('').removeClass(blurClass);
}
}
// only apply logic if the element has the attribute
if (title) {
// on blur, set value to title attr if text is blank
$input.blur(function () {
if (this.value === '') {
$input.val(title).addClass(blurClass);
}
}).focus(remove).blur(); // now change all inputs to title
// clear the pre-defined text when form is submitted
$form.submit(remove);
$win.unload(remove); // handles Firefox's autocomplete
}
});
};
})(jQuery);
</script>
<script type="text/javascript" charset="utf-8">
$(function () {
// find all the input elements with title attributes
$('input[title!=""]').hint();
});
</script>
</head>
<body>
<p>Type 'correct' to validate.</p>
<form action="" autocomplete="on" id="formsumit">
<div>
<input type="text" id="search" autocomplete="on" title="by name or ticker">
<input type="submit" id="clickseach">
</div>
</form>
<script>
$(document).ready(function () {
$("#clickseach").click(function (e) {
e.preventDefault();
// $("#formsumit").ajaxSubmit({ url: 'Default.aspx', type: 'post' });
// e.preventDefault();
});
});
</script>
</body>
</html>
推荐答案
）{
.fn。提示=函数（blurClass）{
if（！blurClass）{
blurClass ='blur';
}
返回this.each（function（）{
//获取jQuery版本'this'
var
.fn.hint = function (blurClass) { if (!blurClass) { blurClass = 'blur'; } return this.each(function () { // get jQuery version of 'this' var
input =
这篇关于如何jquery.hints.js工作chrome但没有重装页面？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
