我正尝试在 my site 上向 Shadowbox 添加几个导航“ Pane ” .我找到了以下代码来执行此操作,它可以工作但依赖于相当多的内联 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();});
谁能告诉我为什么这行不通?谢谢!
最佳答案
您似乎在使用 jQuery,在这种情况下您需要 .attr()
method (适用于 jQuery 对象),而不是 .setAttribute()
method (适用于 DOM 元素)。
尽管要添加一个类,我会使用 .addClass("sb-bignav")
而不是 .setAttribute("class","sb-bignav")
。
关于javascript - setAttribute() 不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11662851/