使用同位素使Bootstrap div响应

时间:2014-01-07 14:06:38

标签: jquery twitter-bootstrap

Helllo所有人!

如果有人能指出我正确的方向,我真的很感激。

我有这个Tumblr页面:

http://rhythmrepeattheme.tumblr.com/post/72323527332

有没有办法让列在调整大小时响应?

`

$.Isotope.prototype._getMasonryGutterColumns = function() {
    var gutter = this.options.masonry && this.options.masonry.gutterWidth || 0;
    containerWidth = this.element.width();

    this.masonry.columnWidth = this.options.masonry && this.options.masonry.columnWidth ||
    // or use the size of the first item
    this.$filteredAtoms.outerWidth(true) ||
    // if there's no items, use size of container
    containerWidth;

    this.masonry.columnWidth += gutter;

    this.masonry.cols = Math.floor((containerWidth + gutter) / this.masonry.columnWidth);
    this.masonry.cols = Math.max(this.masonry.cols, 1);
};

$.Isotope.prototype._masonryReset = function() {
    // layout-specific props
    this.masonry = {};
    // FIXME shouldn't have to call this again
    this._getMasonryGutterColumns();
    var i = this.masonry.cols;
    this.masonry.colYs = [];
    while (i--) {
        this.masonry.colYs.push(0);
    }
};

$.Isotope.prototype._masonryResizeChanged = function() {
    var prevSegments = this.masonry.cols;
    // update cols/rows
    this._getMasonryGutterColumns();
    // return if updated cols/rows is not equal to previous
    return (this.masonry.cols !== prevSegments);
};

$( function() {

  var $container = $('.coniso');

  $container.isotope({
      resizable: true,
      isAnimated: true,
      masonry: {
      columnWidth: 100,
      gutterWidth: 0
    }
  });




});

`

感谢任何帮助。

查兹

0 个答案:

没有答案