MVC3でカーソルcssを設定する適切な方法は何ですか？

Question

$('#spanContainingImage').hover(function() { 
      //$(this).css('cursor',"vertical-text");//this works 
      console.log('hover');//this is called 
      $(this).css('cursor', "url('http://localhost:12062/Content/themes/base/images/G.cur')");//this fails 
     }); 

URLをハードコーディングしようとしましたが、カーソルをURLで変更することができません。どうしましたか？

Answer 1

は言う：

[...]ゼロ以上のURLが指定されてもよい（コンマ区切り）、必須 の後には、CSS仕様で定義されているキーワードの1つ、たとえばautoまたはpointerの が続きます。

だから私は今、それが動作します私のjQueryの

var url = 'url(@Url.Content("Content/themes/base/images/G.png")), auto';    
$(this).css('cursor', url); 

にauto修飾子を追加しました。

IE6との互換性を維持するためには、.CURと.ANIに固執しなければならないことにも注意してください（IE7のリストが欲しい）。

Answer 2

試してみてください。

$('#spanContainingImage').hover(function() { 
      //$(this).css('cursor',"vertical-text");//this works 
      console.log('hover');//this is called 
      $(this).css('cursor', "url(" + '@Url.Content("~/Content/themes/base/images/G.cur")' + ")");//this fails 
     }); 

Answer 3

ちょうどW3Schoolsの上の作業例を見上げました。 URLを引用せずに試しましたか？すなわち

URL（のhttp：// localhostを：12062 /コンテンツ/テーマ/ベース/画像/ G.png）

代わりの

URL（ 'のhttp：// localhostを：12062 /コンテンツ/テーマ/ベース/画像/ G.png '）いくつかの研究MDN後