setAttribute（）不工作？

Question

我试图在my site上添加一对导航“窗格”到Shadowbox。我发现了下面这样的代码，它可以工作，但依赖于很多内联CSS。我试图把这个移动到shadowbox.css，但我似乎无法得到这个工作。下面的代码：

var cssNavButtons = {cursor:"pointer", position:"absolute", width:200, height:"100%", top:0, "z-index":400}; 
var navBtnRight = $("<div/>").css(cssNavButtons).css({right: 0, background:"url('images/nav-right.png') center center no-repeat"}).click(function(){Shadowbox.next();}); 
var navBtnLeft = $("<div/>").css(cssNavButtons).css({left: 0, background:"url('images/nav-left.png') center center no-repeat"}).click(function(){Shadowbox.previous();}); 
$("#sb-body-inner").prepend(navBtnRight).prepend(navBtnLeft); 

我试图设置增值经销商navBtnRight和navBtnLeft使用像这样的外部CSS文件，都无济于事：

var navBtnRight = $("<div/>").setAttribute("class","sb-bignav").setAttribute("id","sb-bignav-right").click(function(){Shadowbox.next();}); 

任何人都可以让我知道为什么这止跌”工作？谢谢！

Answer 1

您似乎正在使用jQuery，在这种情况下，您需要.attr() method（适用于jQuery对象），而不是.setAttribute() method（适用于DOM元素）。

虽然要添加班级我会使用.addClass("sb-bignav")而不是.setAttribute("class","sb-bignav")。

Answer 2

尝试使用

element.setAttributeNS("null","attribute_name",value) .