2

正如标题所说,我对 IE8 和 Javascript 有一些问题。众所周知,它在解释全局变量方面存在错误:如果您不声明为,它就不会得到它们:

var variable1 = something;

问题是我正在尝试制作一个脚本来更改单击按钮的主体背景,并且我需要一个包含实际状态的全局变量(我正在加载的 bg-x.png)。该脚本适用于 FF、Safari 和 Chrome,但显然不适用于 IE。帮助?(问题出在变量“状态”上)

$('#change').click(function() {
    var numStates = 2;
    var name = $(this).text();

    if(!(status)) {
        status = parseInt(1,10);
    }

    if(status<numStates) {
        status = parseInt(status,10) + 1;
    }
    else {
     status = parseInt(1,10);
    }


    alert(status);


    var bgvar = null;

    switch(parseInt(status,10)) {
        case 1: var bgvar = ' #7097ab url(./img/bg-' + status + '.png) top center repeat';
        var name = 'Pattern';
        break;
        case 2: var bgvar = ' #7097ab url(./img/bg-' + status + '.png) top center repeat-x';
        var name = 'Sfumato';
        break;
        default: alert('Default');
    }

    $('body').css({
        background:bgvar,
    });

    $(this).text(name);


}
);

即使使用 IE 也能工作代码(感谢 Zeta):

$('#change').click(function() {
   var numStates = 2;
   var name = $(this).text();

// If data-status isn't defined set it to the initial value
if($('body').data('status') === undefined)
    $('body').data('status',1);

// Extract the status
var status = parseInt($('body').data('status'),10);

// Handle the status
if(status < numStates)
    status++;
else
    status = 1;

// Save the status
$('body').data('status',status);




    switch(status) {
        case 1: bgvar = ' #7097ab url(./img/bg-' + status + '.png) top center repeat';
        name = 'Pattern';
        break;
        case 2: bgvar = ' #7097ab url(./img/bg-' + status + '.png) top center repeat-x';
        name = 'Sfumato';
        break;
        default: alert('Default');
    }

    $('body').css({
        background:bgvar,
    });

    $(this).text(name);


}
);
4

3 回答 3

3

status 是 window-object 的预定义成员,指向状态栏的内容。使用另一个变量名

于 2012-04-21T10:30:43.597 回答
2

由于您已经在使用 jQuery,您可以使用.data()而不是全局变量:

$('#change').click(function() {
    var numStates = 2;
    var name = $(this).text();

    // If data-status isn't defined set it to the initial value
    if($('body').data('status') === undefined)
        $('body').data('status',1);

    // Extract the status
    var status = parseInt($('body').data('status'),10);

    // Handle the status
    if(status < numStates)
        status++;
    else
        status = 1;

    // Save the status
    $('body').data('status',status);

    /* ... Rest of your code ... */

请注意,这在 IE 中的 XML 文档中不起作用(根据 jQuery 文档)。

于 2012-04-21T10:27:14.207 回答
1

你知道什么时候使用»var«吗?我刚刚通过以下方式清理了您的代码:

  1. 添加“变量状态;” 使其成为局部变量
  2. 删除 switch 语句中已定义变量的“var”
  3. 删除“background:bgvar”后面不必要的逗号,会导致IE报错

    $('#change').click(function () {
            var numStates = 2;
            var name = $(this).text();
            var status;
    
            if (!(status)) {
                    status = parseInt(1, 10);
            }
    
            if (status < numStates) {
                    status = parseInt(status, 10) + 1;
            } else {
                    status = parseInt(1, 10);
            }
    
    
            alert(status);
    
    
            var bgvar = null;
    
            switch (parseInt(status, 10)) {
            case 1:
                    bgvar = ' #7097ab url(./img/bg-' + status + '.png) top center repeat';
                    name = 'Pattern';
                    break;
            case 2:
                    bgvar = ' #7097ab url(./img/bg-' + status + '.png) top center repeat-x';
                    name = 'Sfumato';
                    break;
            default:
                    alert('Default');
            }
    
            $('body').css({
                    background: bgvar
            });
    
            $(this).text(name);
    
    
    });
    

它现在有效吗?

PS 使用http://www.jshint.com/来防止这些错误。

于 2012-04-21T10:35:06.407 回答