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()メソッド(DOM要素で機能する)ではなく、.setAttribute()メソッド( jQueryオブジェクトで機能する)が必要です。

クラスを追加するのに、.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 に答える