https://zukakyo.com/index.js

1//サイドカラム追随
2$(function() {
3  $('.side_contents').fitSidebar({
4    wrapper: '#contentsWrap',
5    responsiveWidth: 705
6  });
7});
8
9//facebookレスポンシブ表示
10$(function() {
11  function pagePluginCode(w) {
12    if (w > 400) {
13      var h = 700;
14    } else {
15      var h = 400;
16    }
17    return '<div class="fb-page" data-href="https://www.facebook.com/zukakyo" data-tabs="timeline" data-width="' + w + '" data-height="' + h + '" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/zukakyo"><a href="https://www.facebook.com/zukakyo">宝塚市交響楽団</a></blockquote></div></div>';
18  }
19  var facebookWrap = $('.facebook-wrapper');
20  var fbBeforeWidth = '';
21  var fbWidth = facebookWrap.width();
22  var fbTimer = false;
23  $(window).on('load resize', function() {
24    if (fbTimer !== false) {
25      clearTimeout(fbTimer);
26    }
27    fbTimer = setTimeout(function() {
28      fbWidth = facebookWrap.width();
29      if (fbWidth != fbBeforeWidth) {
30        facebookWrap.html(pagePluginCode(fbWidth));
31        window.FB.XFBML.parse();
32        fbBeforeWidth = fbWidth;
33      }
34    }, 200);
35  });
36});