0

我正在尝试在我的网站上向 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);

我试图将 vars navBtnRight 和 navBtnLeft 设置为像这样使用外部 CSS 文件,但无济于事:

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

谁能让我知道为什么这不起作用?谢谢!

4

2 回答 2

6

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

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

于 2012-07-26T05:26:22.787 回答
2

尝试使用

element.setAttributeNS("null","attribute_name",value) .
于 2012-07-26T06:06:12.190 回答