在数据属性中传递jQuery InnerFade高度值

时间:2013-03-18 14:14:23

标签: jquery html attributes fade

我在新项目的多个位置使用jQuery Innerfade,我希望能够在附加到容器的数据属性中动态传递容器高度值,而不是为每个实例更改jQuery,示例我想在HTML中传递容器高度,如下所示:

HTML:

<div class="fade" data-height="190">
        <a href="#" title=""><img src="http://placehold.it/190x190&text=Brand%201" alt=""></a>
        <a href="#" title=""><img src="http://placehold.it/190x190&text=Brand%202" alt=""></a>
        <a href="#" title=""><img src="http://placehold.it/190x190&text=Brand%203" alt=""></a>
</div>  

然后从任何实例获取附加高度,如下所示:

$('.fade').innerFade({
    containerHeight: $(this).attr('data-height')+'px'
});

我上面所做的不起作用,但它应该给你我想要实现的目标。基本上我想获得相关元素的data-height属性。

1 个答案:

答案 0 :(得分:0)

你试过这个......

containerHeight: '"' + $('.fade').attr('data-height') + 'px"'