2016-04-16 13 views
1

と私はちょうど 操作する::選択をjqueryの

function changeGenre(toWhat) { 
    [...] 
    $('::selection').css("background-color",'rgb('+color+')'); 
} 

機能

でそうしたかった。しかし、動作するようには思えません。どうして?

EDIT:::selectionはDOM要素ではないので、私はこれを解決する別の方法を探しています。

+0

?あなたのhtmlはどこですか?どこでどのように 'changeGenre'を呼び出しますか? – Gintoki

+0

'[...]'を使用して、理由なしに関数全体を表示しません。色は宣言され、自分のコードで何度も使用され、動作します。例えば、同じ関数では、 '$( '。cover').css(" background-color "、" rgb( "+ color +") ");となります。また、 'changeGenre'はボタンクリック時に呼び出され、' onclick'属性@John – Kajcioch

答えて

1

は、CSSクラスとそれを使用してみてください:この記事を参照してください。 `color`変数がdecalredさSet the text selection color with jQuery. Demo not working

$(document).ready(function(){ 
 
\t changeGenre(); 
 
}); 
 

 
function changeGenre() { 
 
    $('p').addClass("gr"); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 

 
<style> 
 
p.gr::selection { 
 
    background:#ff0099; 
 
} 
 
</style> 
 

 
<p><strong>Note:</strong> ::selection is not supported in Internet Explorer 8 and earlier versions.</p>