小编w00*_*111的帖子

我正在使用Twitter Bootstrap并使用具有媒体查询的流畅设计使其成为响应式设计.

到目前为止,我的设计工作是"响应",样本2列布局.但是,我需要做的是在1200px min-width之后添加一个额外的侧栏列.

所以,如果我的1024布局有:

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span8">
              .....
        </div>
        <div class="span4 last">
              ..sidebar junk..
        </div>
    </div>
</div>

我需要1200px版本有效地类似于:

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span6">
              .....
        </div>
        <div class="span3">
              ..sidebar junk..
        </div>
        <div class="span3 last">
              ..sidebar 2 junk..
        </div>

    </div>
</div> 

或者那种效果.然后当用户缩小到低于1200px时,移除第二个span3并使第一个span3再次成为span4.有关我所询问的非常复杂的版本,请访问http://www.smashingmagazine.com/.随着屏幕分辨率的提高,会为内容添加侧栏.

我们如何使用Bootstrap实现这种效果？

我正在使用无限滚动插件http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/来加载页面内容.

我有一个jQuery事件监听器,如:

$('.like-action').on('click',
    function(event){
      likeComment($(this)); 
      event.preventDefault();
});

那个得到了加载$(document).ready.但是,当加载新内容时infinitescroll,事件监听器未应用/可用于新内容.所以,我创建了一个在回调infinitescroll时调用的函数(当所有内容都已加载时).函数:

function afterUpdate(){
$('.like-action').on('click',function(event){
      likeComment($(this)); 
      event.preventDefault();
});}

然而,最终发生的事情是,对于旧内容(已经加载),当单击链接时.like-action class,该likeComment函数被调用,但是已经多次加载新内容+原始内容$(document).ready.

例如:内容在页面加载时加载.链接likeComment在点击时执行1.向下滚动并加载新内容(和回调)如果单击与之前相同的链接,likeComment则执行两次.等等,等等.

我在这做错了什么？

我的事件监听器是否写得不正确？

有没有办法编写一个自动适用于所有元素的监听器,DOM即使它们在页面加载时不存在？

或者,有没有办法只在无限滚动加载的元素上注册.on(所以没有重复)？

我正在经历近120亿个字符串组合.我试图找到最快速度优化的方法来确定所讨论的字符串是否有3个(或更多)连续的重复字符.

例如:

string = "blah"

测试应该返回false.

string = "blaaah"

这将返回真实.

我成功实现了一个基本的for循环,循环遍历每个字符串的字符,并比较匹配的下一个字符.这有效,但对于我过滤的字符串数量,我真的想优化它.

有什么建议？谢谢!