Question

我正在寻找一种基于sharepoint布局的右列是否包含内容来动态更改css的方法。

目前，如果列为空，则列会正常隐藏，并且左列将展开以填充。如果右栏是空的，我有一个需要展开以填充页面的Web部件。

拥有两批css会很不错。如果右列具有内容，则定义Web部件的大小;如果不是，则定义Web部件的大小。我考虑使webpart动态，但它是一个图片幻灯片，顶部有控件和文本的浮动元素，没有css调整就不会优雅地扩展，以使浮动元素重新对齐。

如果您知道任何可能很棒的教程或示例。

谢谢！

Answer 1

这对我有用：

jQuery.fn.exists = function(){return this.length>0;}  
  if ($('.pageRightColumn table').exists()) {       
      $('div#innerfade-holder').addClass('innerfadeholder_RC'); 
      $('#portfolio IMG').addClass('portfolioIMG_RC'); 
      $('#portfolio div.description').addClass('description_RC');
      $('#portfolio div.transbox').addClass('transbox_RC');
      $('table#controlBarContainer').addClass('controlBarContainer_RC');
  } else {
      $('div#innerfade-holder').addClass('innerfadeholder_FULL'); 
      $('#portfolio IMG').addClass('portfolioIMG_FULL'); 
      $('#portfolio div.description').addClass('description_FULL');
      $('#portfolio div.transbox').addClass('transbox_FULL');
      $('table#controlBarContainer').addClass('controlBarContainer_FULL');
  }

}）;

如何根据是否存在右列来更改页面的css

1 个答案: