根据响应大小更改属性值的属性

时间:2016-01-07 08:24:20

标签: javascript jquery css twitter

我有以下推特小部件代码

<a class="twitter-timeline" href="https://twitter.com/hashtag/youtube" data-widget-id="672009634018758656" data-link-color="#e36b5c" data-height="500" >#youtube Tweets</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

在响应式移动设备中,我想将data-height="500"更改为350。 我是否需要重复代码,或者我可以根据设备宽度动态更改此代码

pageHeight = $(window).height();
    pageWidth = $(window).width();

    if(pageWidth < 767){

    }

1 个答案:

答案 0 :(得分:1)

我建议你在resize事件中计算它:

g <- ggplot(df, aes(x,y)) + 
      geom_point(aes(text=sprintf('letter: %s\nLetter: %s', a, b))) +
      ylab('test') +
      scale_x_continuous("test",breaks=seq(-100,100,.1), 
                      minor_breaks=seq(-100,100,.05), limits=c(0,1))
g
(gg <- ggplotly(g))