0
$(element).css(options.css).attr(options.attr).addClass(options.class)
//check if element has changed line-height
if($(element).is('p') && _.isString(options.css['line-height'])){

  console.log('line-height assigned: '+ options.css['line-height'] + ' , and now = ' + $(element).css('line-height'))

}

吐き出す:

line-height assigned: 15px , and now = normal
line-height assigned: 15px , and now = normal 
line-height assigned: 15px , and now = normal 
line-height assigned: 15px , and now = normal 
line-height assigned: 15px , and now = normal 
line-height assigned: 33px , and now = normal 

px で line-height を割り当てることができないのはなぜですか....

ここのjsfiddle(私のコードとは異なり、これは機能します):

http://jsfiddle.net/wyvernmonarch7/S9Scd/

コードで何が間違っているのかわかりませんが、いくつかの問題があります...何が原因である可能性があります

編集: options.css、options.attr、および options.class はすべてオブジェクトです。コードにエラーはありません。options.attr と options.class を削除しても効果はありません。以下は、options.cssにonsoleでログインしたときに得られるものです

Object {line-height: "15px", width: 87, height: 15, font: "11px arial", color: "#FFFFFF"…}
color: "#FFFFFF"
display: "none"
font: "11px arial"
font-weight: 400
height: 15
line-height: "15px"
pointer-events: "none"
text-align: "center"
width: 87
__proto__: Object

line-height assigned: 15px , and now = normal 
Object {line-height: "15px", width: 87, height: 15, font: "11px arial", color: "#FFFFFF"…}
color: "#FFFFFF"
display: "none"
font: "11px arial"
font-weight: 400
height: 15
line-height: "15px"
pointer-events: "none"
text-align: "center"
width: 87
__proto__: Object
line-height assigned: 15px , and now = normal
Object {line-height: "15px", width: 87, height: 15, font: "11px arial", color: "#FFFFFF"…}
color: "#FFFFFF"
display: "none"
font: "11px arial"
font-weight: 400
height: 15
line-height: "15px"
pointer-events: "none"
text-align: "center"
width: 87
__proto__: Object

line-height assigned: 15px , and now = normal 

//////////////

EDIT:window.loadの後に実行されています

4

1 に答える 1

0

jQuery の .css() をセッターとして使用する場合、 ArrayではなくObjectを渡す必要があります。したがって、オプションは次のようになります。

options = {
  css: {
    'line-height': '15px'
  }
}

jQuery のドキュメントからの参照: http://api.jquery.com/css/#css-properties

options.css を使用した単純化されたフィドル: http://jsfiddle.net/UsEeL/1/

于 2013-11-06T10:04:31.557 に答える