Question

我已经应用了以下jquery但无法工作。

var medialink = $('<a>',{
class: 'all-videos-link',
href: 'index.php?option=com_content&view=category&layout=blog&id=78'
});
$('#custom-module .moduletable').eq(2).find('h3').append(medialink);

在所有浏览器中它都在工作但不在IE中。我在ie8测试过。所以我尝试了这个

$('#custom-module .moduletable').eq(2).find('h3').css({background:'red'}); // and it's working

所以，为什么追加不适用于ie。

Answer 1

在JavaScript中，您需要引用属性名称class，因为它是一个保留字，在class'未来关键字'的情况下。因此，您应该使用：

var medialink = $('<a>',{
    'class': 'all-videos-link',
    href: 'index.php?option=com_content&view=category&layout=blog&id=78'
});

虽然我发现简单地引用一个对象的所有属性名称更容易，因为它减少了记住哪些必须被引用的需要（以及在哪个实现中）他们必须引用ECMAScript），给予：

var medialink = $('<a>',{
    'class': 'all-videos-link',
    'href': 'index.php?option=com_content&view=category&layout=blog&id=78'
});

参考文献：

JavaScript's 'reserved-words' (at MDN)。

Answer 2

您可能正在使用不支持IE8的jQuery 2.0.0。尝试获取旧版本，例如1.9。

附加标签在ie8中不起作用

2 个答案: