更改数据属性值

我在页面上使用了一个名为slim scroll的插件，我唯一的问题是它们没有响应。所以，当100px高度在伸展时看起来不错，当浏览器尺寸减小时，它看起来并不那么美妙。更改数据属性值

所以要解决这个问题，我试图做一些jQuery的做一些widowWidth然后更改数据元素控制高度。

所以我已经试过这样的事情，但它似乎只是改变实际高度元素，而不是数据的高度

function slimScrollResize(){ 
    loadWidth = $(window).width(); 
    if(loadWidth <= 1138){ 
     $('.slim-scroll').data('height', '300'); 
    } 
}

于是我试图改变

$('.slim-scroll').data('height', '300');

到

$('.slim-scroll').data('data-height', '300');

，现在它不改变任何东西。

有什么我失踪了吗？任何帮助都是极好的！

一个JS小提琴帮助调试......并注意我无法改变，因为插件的数据名称。 http://jsfiddle.net/575VZ/1/

2014-03-06 zazvorniki

请看看一个自定义滚动我做了..也许它可以帮助：http://codepen.io/mkhoudary/pen/bqycE –

也许你也想看看jquery $（window）.resize（function（）{ //你的函数在这里 }）; – caramba

@ MohammedR.El-Khoudary我已经在使用我使用的模板给了我一个插件...为什么我要切换到不同的东西？ – zazvorniki

您可以使用attr()

$('.slim-scroll').attr('data-height', '300');

2014-03-06 16:45:16 Felix

+1或prop（）似乎是当今更好的选择。 http://stackoverflow.com/questions/5874652/prop-vs-attr –

我只是试过这个，它是做同样的事情，只是改变实际的高度 – zazvorniki

我不认为你可以使用'prop（）设置数据属性“尽管如此。 – Felix

回答