2014-11-24 66 views
0

我有我的CSS是這樣的:CSS3Pie - 的jQuery改變風格之後,它不工作了

.ui-widget-header#shuttleList { 
background: linear-gradient(120deg, white 180px, #d3d3d3 180px, #d3d3d3 250px, #f2f2f2 250px); 
-pie-background: linear-gradient(120deg, white 180px, #d3d3d3 180px, #d3d3d3 250px, #f2f2f2 250px); 
behavior: url(/scripts/core/pie/PIE.htc); 
} 

它在IE9中工作得很好。

現在我有jQuery來使用這個動態地,像這樣:

 if (contentBox[0].id.indexOf('shuttle') >= 0) 
     { 
      contentHeader.css('background', 'linear-gradient(120deg, white 180px, #d3d3d3 180px, #d3d3d3 250px, #f2f2f2 250px);'); 
      contentHeader.css('-pie-background', 'linear-gradient(120deg, white 180px, #d3d3d3 180px, #d3d3d3 250px, #f2f2f2 250px);'); 
      contentHeader.find('li').css('display', 'block'); 
     } 

它適用於IE10和IE11,所以我想jQuery的命令本身效果很好 - 但不是餡餅背景。也許餡餅(它只是javascript,不是嗎?)不會獲得實際的信息,例如沒有事件被解僱?

任何想法?

回答

0

jQuery的.css('x')方法在後臺設置element.style.x;如果你直接這樣做,那麼你不得不使用element.style.PieBackground ='...',所以請嘗試在這裏格式化屬性名稱:

contentHeader.css('PieBackground','.. ')

+0

將嘗試並給你反饋... – Kovu 2014-11-27 13:44:35