Semantic-ui粘性列错误

时间:2015-07-27 08:16:37

标签: meteor semantic-ui

我的粘贴实现无效。

但是,在调整窗口大小后,它可以正常工作!

我将它与Meteor一起使用。 Semantic-ui版本是2.0.7。

我想知道我的代码是否正确或是否可能是错误?

这是我的代码:

  <div class="ui two column doubling stackable grid container">
    <div class="two column row">
      <div id="filter-column" class="three wide column center aligned">
        <div class="ui sticky">


          <div class="ui segment">
            <div class="ui statistic">
              <div class="value">
                {{count plates}}
              </div>
              <div class="label">
                Plates Total
              </div>
            </div>
            <h2>Filter</h2>
            {{#each categories}}
              <button class="fluid ui {{color}} {{isActive _id}} button button-filter">{{name}}</button>
            {{/each}}
          </div>
        </div>
      </div>

      <div id="content-column" class="thirteen wide column">
        <div class="ui link doubling two cards">
          {{#each plates}}
            <div class="card">
              <div class="content">
                <div class="right floated"><i class="euro icon"></i> 17</div>
                <img class="ui avatar image" src="http://www.gravatar.com/avatar/b8f9370a931b3873db20b61c7fd9513b.jpg"> Manuel K.
              </div>
              <div class="image">
                <img src="{{images.[0].url}}">
              </div>
              <div class="content">
                <div class="header">
                  {{title}}
                </div>
                <div class="description">
                  {{#each plateCategories categoryIds}}
                    <i class="ui tiny {{color}} label">{{name}}</i>
                  {{/each}}
                </div>
              </div>
              <div class="extra content">
                <span class="right floated">
                  <i class="history icon"></i>
                  18:00
                </span>
                <i class="calendar icon"></i>
                10/12/2015
              </div>
            </div>
          {{else}}
            No plates yet.
          {{/each}}
        </div>
      </div>
    </div>
  </div>

这是JS:

$('.ui.sticky').sticky({
  context: "#content-column",
  offset: 10
});

1 个答案:

答案 0 :(得分:1)

尝试调用sticky-ui的#import <Foundation/Foundation.h> @interface ClassA : NSObject { int numA; } - (void) setNum: (int) n; - (int) getNum; - (void) print; @end @interface ClassB : ClassA { char charB; } - (void) setChar: (char) c; - (char) getChar; - (id) init; @end @implementation ClassA - (void) setNum: (int) n { numA = n; } - (int) getNum { return numA; } - (void) print { NSLog(@"ClassA num:%i ",numA); } @end @implementation ClassB - (void) setChar: (char) c { charB = c; } - (char) getChar { return charB; } - (void) print { NSLog(@"ClassB char:%c ", charB); [super print]; } - (id) init { numA = 1; charB = 'c'; return self; } @end int main(int argc, char* argv[]) { NSAutoreleasePool* pool = [[NSAutoreleasePool alloc] init]; ClassA* classA = [[ClassA alloc] init]; [classA setNum: 10]; //output: ClassA num: 10 [classA print]; //polymorphism example ClassA* classB = [[ClassB alloc] init]; //prints: ClassB char: c ClassA num: 1 [classB print]; [classA release]; [classB release]; [pool drain]; return 0; } 方法。这应该可以解决问题。

refresh