0

http://liveweave.com/KDveAy

複数の変数を単一のCSSプロパティに追加する方法を理解しようとしています... 

'border' : divborder + divborderstyle + bcolor,

に等しい...

border: 3px solid black;

ただし、コードは機能しません。これが可能かどうか疑問に思っていましたか、代わりに境界線の色、境界線のスタイルなどを定義する必要がありますか?

var bcolor = $('input[name=bcolor]').val(),
    bgcolor = $('input[name=bgcolor]').val(),
    divborderstyle = $('#divborderstyle').val(),
    divborder = $('#divborder').val();

$(gen_box).css({
     'position'  : 'absolute',
     'top'       : y_begin,
     'left'      : x_begin,
     'width'     : width,
     'height'    : height,
     'border'    : divborder + divborderstyle + bcolor,
     'background': bgcolor
})
4

2 に答える 2

3

問題は、コンポーネント間にスペース区切りがないことだと思います

$(gen_box).css({
     'position'  : 'absolute',
     'top'       : y_begin,
     'left'      : x_begin,
     'width'     : width,
     'height'    : height,
     'border'    : divborder + ' ' + divborderstyle + ' ' + bcolor,
     'background': bgcolor
})

また

$(gen_box).css({
     'position'  : 'absolute',
     'top'       : y_begin,
     'left'      : x_begin,
     'width'     : width,
     'height'    : height,
     'border-color'    : bcolor,
     'border-style'    : divborderstyle,
     'border-width'    : divborder,
     'background': bgcolor
})
于 2013-10-12T04:16:29.880 に答える
3

jQuery では、省略形を使用して CSS プロパティを設定できます。この回答を参照してください：

jQuery とショートハンドを使用した CSS の設定

国境の速記に必要なスペースが含まれていません。これを試して：

$(gen_box).css({
     'position'  : 'absolute',
     'top'       : y_begin,
     'left'      : x_begin,
     'width'     : width,
     'height'    : height,
     'border'    : divborder + ' ' + divborderstyle + ' ' + bcolor,
     'background': bgcolor
})
于 2013-10-12T04:28:53.957 に答える