動的勾配が適用されない

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<style> 
    .normal_gradient { 
    background: -webkit-gradient(linear, left top, left bottom, 
           from(#ccc), to(#000)); 
    background: -moz-linear-gradient(top, #ccc, #000); 
    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#cccccc', endColorstr='#000000'); 
    color:#fff 
    } 
</style> 

<div class='normal_gradient'>foo</div> 
<div class='dynamic_gradient'>bar</div> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js'></script> 
<script> 
$('.dynamic_gradient').css({ 
    background: ('-webkit-gradient(linear, left top, left bottom,' + 
           'from(#ccc), to(#000));')}) 
</script>

通常の勾配が適用されますが、動的勾配は適用されません。何故なの？ Google Chromeでこれを実行する。動的勾配が適用されない

出典

2011-05-01 Jesse Aldridge

最後のセミコロンはJavaScript用にはありません。

を参照してください：この代わりのhttp://jsfiddle.net/nChhf/

：

$('.dynamic_gradient').css({ 
    background: ('-webkit-gradient(linear, left top, left bottom,' + 
           'from(#ccc), to(#000))')})

それともまったく同じことが、よりきれいに（と連結せず）にフォーマット：

$('.dynamic_gradient').css({ 
    background: ('-webkit-gradient(linear, left top, left bottom,' + 
           'from(#ccc), to(#000));')})

がこれを行います。

$('.dynamic_gradient').css({ 
    background: '-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000))' 
})

出典

2011-05-01 20:25:18 thirtydot

downvoters私の答えが間違っている方法を教えてくださいできますか？ – thirtydot

はいセミコロンを削除する必要があります。質問をもう一度読むと、彼は動的に追加されたコンテンツを意味していないかもしれません。私は投稿を削除しました – Hussein

これは私の問題を解決しました。ありがとう。 –

動的勾配が適用されない

答えて

関連する問題