javascript - 为什么我的表单水印脚本不再起作用？

Question

我的网站上有一个带水印的表格，使用水印脚本完美运行（我仍然有一个旧版本可以正常工作。）今天我注意到它突然停止工作，我不知道为什么。我将样式和脚本与早期（仍在工作）版本的样式和脚本进行了交叉检查，它们都是相同的。有任何想法吗？

这里有一个比较供参考：

http://imgur.com/68pUc,UHenQ

http://imgur.com/68pUc,UHenQ#1

这是我的网站

www.artyst-tyrant.com

正在尝试学习编码的行业设计师，但我绝不是专业人士，所以请放轻松。

提前感谢您的帮助，非常感谢。

Answer 1

我发现唯一无效的是，在事件处理程序中，您没有指定 ID 选择器：$("name")[0].focus();- missing #。你甚至不需要，因为你可以this在那里使用。

    $("#name").click(
        function () {
            this.focus();
        }
    );

还简化了您的代码：

<script type="text/javascript">
    $(document).ready(function() {
        var $elements = $('#name, #mail, #message');
        var texts = {
            'mail': 'Email',
            'name': 'Name',
            'message': 'Message'
        };

        $elements.each(function () {
            $(this).watermark(texts[this.id]);
        }).click(function () {
            this.focus();
        });
    }); 
</script>

Answer 2

我找到了这段代码：

<script type="text/javascript">
    $(function () {
        $("#name").watermark("Name");
        $("#name").click(
            function () {
                $("name")[0].focus();
            }
        );
    });

    $(function () {
        $("#mail").watermark("Email");
        $("#mail").click(
            function () {
                $("mail")[0].focus();
            }
        );
    });


    $(function () {
        $("#message").watermark("Message");
        $("#message").click(
            function () {
                $("message")[0].focus();
            }
        );
    });

</script>

$(function() {...在 FireFox 中引发错误（“$(function() {... 无效” ）。

即使这等于$(document).ready(function() {...}你也可以试一试：

<script type="text/javascript">
    $(document).ready(function() {
        $("#name").watermark("Name");
        $("#name").click(
            function () {
                $("name")[0].focus();
            }
        );


        $("#mail").watermark("Email");
        $("#mail").click(
            function () {
                $("mail")[0].focus();
            }
        );

        $("#message").watermark("Message");
        $("#message").click(
            function () {
                $("message")[0].focus();
            }
        );
    }); 
</script>

我将您的代码包装到$(document).ready其中，以便在您的文档准备好时执行：http: //api.jquery.com/ready/