默认值脚本在 IE7 中不起作用

Question

我正在使用以下默认值脚本，该脚本适用于我测试过的所有浏览器（IE7 除外），其中“名称”字段不显示默认值（它应该显示“名称”）。

我在 IETester 中运行该页面，它给出了错误：“预期标识符、字符串或数字”在 'name[]': 'Name',}; 行上>。但我不知道如何修复这个错误。

编辑：删除'Name'后面的逗号后，此错误现已消失，但我仍然没有在 IE7 中看到默认值。您可以在此页面上了解我的意思。

有人可以帮忙解决这个问题吗？

谢谢，

尼克

<script>
$(function() {
    var defaults = {
        'name[]': 'Name',
    };

    // separating set and remove
    // note that you could add "defaults" as an arg if you had different
    // defaults for different fieldsets
    var setDefaults = function(inputElements) {
        $(inputElements).each(function() {
            var d = defaults[this.name];
            if (d) {
                // set with jQuery
                // we don't need the data - just check on the class
                $(this).val(d)
                    .addClass('default_value');
            }
        });
    };

    var removeDefaults = function(inputElements) {
        $(inputElements).each(function() {
           if ($(this).hasClass('default_value')) {
                $(this).val('')
                   .removeClass('default_value');
           }
        });
    };

    setDefaults(jQuery('form[name=booking] input'));

    // Toggles 
    $('form[name=booking]').delegate('input', {
        'focus': function() {
            removeDefaults($(this));
        },
        'blur': function() {
            // switch to using .val() for consistency
            if (!$(this).val()) setDefaults(this);
        }
    });
 }); 
 </script>

Answer 1

并且它给出了错误：“预期标识符，字符串或数字”在带有 } 的行上；在“名称[]”下：“名称”，。但我不知道如何修复这个错误。

IE 在此处因尾随逗号而卡住：

var defaults = {
        'name[]': 'Name',
    };

IIRC，正确地按照 ECMAScript 标准。不管怎样，只要删除后面的逗号就可以了。

Answer 2

（我正在回答你的另一个问题，哈哈）

首先，你说逗号破坏了它，这是正确的 JSON 语法。

其次，不支持 IE 8 及以下版本（我想说根本不支持 IE，因为它很糟糕，但显然大多数互联网仍然使用它）

第三，你需要调试它才能弄清楚，看看解析 JSON（我认为是 $.parseJSON()）。

我可以向您展示到底出了什么问题以及如何做，但是花一些时间通过在浏览器中打开控制台并使用 console.log(VARIABLE); 来练习调试 javascript 是非常值得的。在你的JS中。或者在不同时间使用警报（VARIABLE））。

例如

var setDefaults = function(inputElements) {
        $(inputElements).each(function() {
            var d = defaults[this.name];
            alert(d);
            if (d) {
                // set with jQuery
                // we don't need the data - just check on the class
                $(this).val(d)
                    .addClass('default_value');
            }
        });
    };