Question

当我点击链接时，div会变为活动状态并加载ajax。但是，我怎么能说再次点击链接它应该变得无效？

favourite.onclick = function() {     
        loadXMLDoc('indexFavourite'); 
        favourite.className = 'statusOptionActive'; 
}

Answer 1

favourite.onclick = function() {     
        loadXMLDoc('indexFavourite'); 
        var linkclass = favourite.className;
        if(linkclass == 'statusOptionDeactive')
            favourite.className = 'statusOptionActive';
        else
            favourite.className = 'statusOptionDeactive';
}

Answer 2

试试这个。

favourite.className = (favourite.className == 'statusOptionActive') ? 'statusOptionDeactive' : 'statusOptionActive';

以上检查当前className是否为statusOptionActive。如果是，则会将className更改为statusOptionDeactive。如果不是，则将其设置为statusOptionActive。

Fiddle

Answer 3

您可以拥有一个全局变量，如：

var isDivActive = false;

默认为假。

favourite.onclick = function() {
    loadXMLDoc('indexFavourite');

    if (isDivActive) {
        favourite.className = 'statusOptionActive';
    }
    else {
        favourite.className = '';
    }

    isDivActive = !isDivActive;
}

单击后将div类更改为Active，如果再次单击则将其更改为Deactive

3 个答案: