jQuery多类选择问题
jQuery multiple class selection issue
我有一个引导转盘。我希望用jQuery和CSS动态填充每张幻灯片的背景,这样我就可以为每张幻灯片设置background-size: cover;
。
我在每张幻灯片上都有一个属性data-src
,它由每张幻灯片对应的图像位置填充。
E。G.
data-src="http://www.clickwallpapers.com/wp-content/uploads/2014/02/Wallpapers.jpg"
我的jQuery代码获取了这一点,并将其应用于该项的CSS。
jQuery
srcImage = $('.item-image').data('src');
$('.item-image').css('background-image', 'url("' + srcImage + '")');
如果只有一张幻灯片,则此代码有效,但当引入新幻灯片时,它会获取最后一张幻灯片的图像并将其应用于所有幻灯片,因为它们都使用相同的类。
我曾尝试使用$(this)
选择器,如下所示,但这破坏了整个过程。
$('.item-image').css('background-image', 'url("' + $(this).data('src') + '")');
有人能告诉我正确的方向来获取每个项目的数据属性吗?
JSfiddle我目前拥有的东西
使用.css:的函数重载
$(".item-image").css("background-image", function() {
return 'url("' + $(this).data('src') + '")';
});
更新的jsFiddle
相关文章:
- Angular UI启动日期选择器问题
- jQuery选择器缓存问题
- 在dropdwon菜单中发出针对特定选择器jquery的问题
- 有CSS问题:can't将文本放置在选择框的右侧
- 性能问题:通用选择器与单独绑定
- 此代码中动态生成选择框有什么问题
- 使用 ajax 填充选择时没有选定的默认选项的问题
- AngularJS引导日期选择器 - 每周的一天问题
- CSS3 目标选择器问题
- 选择标记更改事件问题
- 贝宝表单问题的单选按钮选择
- 关闭问题上的日期选择器
- 性能问题:存储对DOM元素的引用与使用选择器相比
- Safari存在文本输入问题,用户输入时会选择文本,导致文本丢失
- 使用一个非常简单的日期选择器时遇到问题
- 链接选择的问题
- 访问knockout.js选择列表中的值时出现问题
- jQuery条件选择问题
- Javascript - 使用 jQuery 问题选择选项
- iPhone上的Three.js项目-事件问题(选择和拖动对象)