jquery - jQuery Cycle - 带有来自 div 的背景图像的 pagerAnchorBuilder

Question

我用 Div 制作了一个 jquery Cycle

<div id="slideshow2">
  <div style="background: url(images/1.jpg) center center;"></div>
  <div style="background: url(images/2.jpg) center center;"></div>
  <div style="background: url(images/3.jpg) center center;"></div>
</div>

现在我尝试实现缩略图。

$('#slideshow2').before('<ul id="nav">').cycle({ 
fx:     'fade', 
speed:  '2000',
slideResize: 0,
pager:  '#nav', 
pagerAnchorBuilder: function(idx, slide) {      
   return '<li><div style="' + slide.style.background + '"></div></li>';
} 

});

这是行不通的。

如果我写道：

return '<li>' + slide.style.background + '</li>';

没有 div - 它向我展示了我想要的东西：

<li class="">url("images/1.jpg") repeat scroll center center transparent</li>

但如果我使用它显示的：

<li class=""><div transparent"="" center="" scroll="" repeat="" 1.jpg")="" images="" style="url("></div></li>

有人能帮我吗

Answer 1

<li class="">url("images/1.jpg") repeat scroll center center transparent</li>

答案就在这里。你的输出将是：

<li><div style="url("images/1.jpg") repeat scroll center center transparent"></div></li>