javascript - 悬停时运行不同的模式

Question

每次我将鼠标悬停在 div(svg) 上时，我都试图生成一个随机模式。

Codepen

到目前为止，这是我的代码:

var items = ["#pattern-rect", "#pattern-circle", "#pattern-triangle","#pattern-star"];
$("div").hover(function(){
  $("g").css({"visibility": "visible"});
  var item = Math.floor(Math.random()*items.length);
  $("g").css({"fill": "url(items[item])"});
  }, function(){
  $("g").css({"visibility": "hidden"});
  });
$("g").css({"visibility": "hidden"});



  $("g").css({"fill": "url(items[item])"}); This line is not working.

Answer 1

$("g").css({"fill": "url(items[item])"});

需要是这样的:

$("g").css({"fill": "url(" + items[item] + ")"});