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

【问题标题】：Change Attribute of the attribute value based on the responsive size根据响应大小更改属性值的属性
【发布时间】：2016-04-11 13:26:33
【问题描述】：

我有以下 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){

    }

【问题讨论】：

根据设备宽度动态更改。

标签： javascript jquery css twitter

【解决方案1】：

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

$(function(){
   var value2upd = function(){
       var w = $(window).width();
       return w < 767 ? 350 : 500;
   };

   $(window).resize(function(){
       $('.twitter-timeline').attr('data-height', value2upd);
   }).resize(); // <-----------fires when dom is ready.
});

【讨论】：