我得到了这篇文章,但我发现这不起作用,因为我在同一个文本框中给出了多个类。如何将其转换为与多个类一起使用。我不知道如何使用选择器。
我正在这样使用它
<div class="inbox3full">
<div class="threeinbg"><asp:TextBox ID="txtSortOrder" CssClass="threein water"
Text='<%# Bind("SortOrder") %>' runat="server" ToolTip="Type your Sort Order"></asp:TextBox></div>
</div>
用 jquery 作为
<script type="text/javascript">
// $(document).ready(function() {
$(function() {
$(".water").each(function() {
$tb = $(this);
if ($tb.val() != this.title) {
$tb.removeClass("water");
}
});
$(".water").focus(function() {
$tb = $(this);
if ($tb.val() == this.title) {
$tb.val("");
$tb.removeClass("water");
}
});
$(".water").blur(function() {
$tb = $(this);
if ($.trim($tb.val()) == "") {
$tb.val(this.title);
$tb.addClass("water");
}
});
});
// });
</script>
EDIT Sys 未定义。
.water{font-family: Tahoma, Arial, sans-serif;font-size:75%; color:black;}
<script type="text/javascript">
$(document).ready(function() {
$(".water").addClass('watermark');
$(".watermark").live('focus', function() {
$tb = $(this);
if ($tb.val() == this.title) {
$tb.val("");
$tb.removeClass("water");
}
}).live('blur', function() {
$tb = $(this);
if ($.trim($tb.val()) == "") {
$tb.val(this.title);
$tb.addClass("water");
}
}).blur();
});
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() {
$(".water").not(document.activeElement).blur();
});
</script>