标签: jquery-masonry

我使用砌体插件找到了无限滚动的演示.

http://www.jquery4u.com/demos/infinite-scrolling-demo1/

我想要做的是将滚动条放在容器div上.所以身体会保持静止.

这可能吗？如果您需要我进一步解释,请告诉我.

谢谢

使用Twitter的嵌入代码进行单个推文会导致加载名为widget.js的脚本.该脚本负责动态生成推文的HTML.

当嵌入式推文的呈现完成时,是否有widget.js触发的事件？我的代码如何发现渲染完成？

我需要这个,因为我正在尝试使用jQuery Masonry来布局一组推文.在推文完全呈现之前,砌体会修复每个推文的容器高度,从而导致重叠.我想通知所有推文都是完全呈现的,以便刷新Masonry布局.

我在申请中使用砖石.一切都很好,除非物品的高度发生变化(如手风琴),砌体不会调整布局.我该怎么办才能修复它？

我正在创建一个呈现照片墙的网页,当您向下滚动时,它使用jQuery无限滚动来加载下一批照片.

我正在使用jQuery Masonry和jQuery InfiniteScroll.

一切都在Chrome和Firefox下工作正常,但在IE下查看时,我注意到图像会随机显示失败,但如果我刷新页面,它们会出现,但其他人会丢失.同样,如果我在丢失的图像上单击鼠标右键并选择"显示图片",它会立即显示.

所以我在jQuery Masonry网站上测试了几个演示,并再次发现,在IE下,偶尔会出现随机图像.这在我的无限滚动演示中发生,有时甚至是图像演示(不使用无限滚动).

有没有其他人经历过这个,或者知道解决方案？事实上,我将无法继续我当前的项目,因为它在IE下基本上无法使用.

顺便说一句 - 我正在使用IE9.

使用同位素,通过zonear扩展perfectMasonry

到目前为止看起来它运作良好,我想知道是否有人知道如何集中容器.尝试用css没有运气.原始同位素以砖石为中心

任何人？谢谢

>>更新<<

新同位素(v2)已经出局,它使用名为packery的布局模式完成 "完美砌体"位.新的同位素版本也是中心砖石/同位素.但我实际上并没有使用,fitWidth因为我只是使用bootstrap和同位素应用在顶部以在布局开始时获得居中的砌体(对于那种用途,不对中过滤tho,为此fitWidth)

因为我有不同的标签,砌体不加载隐藏的项目,所以当我点击新标签时图像堆叠在一起,我知道之前已经问过这个问题并通过单击标签回答触发器砌体,但是如何我这样做而不会弄乱第一个标签.

目前称为砖石砌筑

$(function(){
$('#container').masonry({
// options
itemSelector : '.item',
columnWidth : 260
   });
});`
$(window).load(function(){   $('#container').masonry(); });

对于标签2也是如此,但具有不同的ID - #container2

选项卡一个完美地工作,但选项卡二堆叠图像,直到您调整浏览器的大小,修复它并正常工作

我正在尝试学习编码Tumblr主题（我没有钱买Wordpress），我想弄清楚如何实现帖子的“无限/无穷滚动”（与分页相反）；我宁愿不使用2个主要的无限滚动脚本中的任何一个，因为infinite-scroll-js（由Paul Irish 编写）的文档相当齐全（我能够使其正常工作），但是我希望对帖子的加载方式进行更多控制，因此说话，而且科迪·谢尔曼（Cody Sherman）的无限滚动代码完全没有记录，而且我也不知道应如何使用（各种各样的指令是由几位非编码人员分发的，他们对Javascript的了解少于我，这是在说些什么） 。

我不了解任何Ajax，但是我愿意根据需要阅读尽可能多的JS文档。突然添加帖子时，可以使用以下顺序吗？还是需要像Paul Irish这样理解Ajax？

上载：（身体）

1. 获取所有.post元素（带有子元素），将它们从DOM中删除，同时将其添加到基本上只是帖子列表（数组或JS术语？）的var中

2. 加载一些计算出的帖子数（可能会有一种算法，可能基于帖子的高度或某些东西，或者在它们到达时进行动态测量）/当用户滚动到底部时，将它们添加到动画的Masonry容器中页面，正文或砌体容器（尚未决定哪一个）

这是合理的还是我会浪费时间？

你好,我想用石工AngularJS.我想在容器中从左到右调整div.根据他们的文档,我们可以简单地使用它

<div class="js-masonry" data-masonry-options='{ "itemSelector": ".item", "columnWidth": 200 }'>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

我在Angular中使用过这个

<div class="js-masonry" data-masonry-options='{ "itemSelector": "#masonry", "columnWidth": 200 }'>
     <div id="masonry" class="ng-scope" ng-repeat="comment in comments.data" style="position: absolute; left: 0px; top: 0px;">
     <div id="masonry" class="ng-scope" ng-repeat="comment in comments.data" style="position: absolute; left: 0px; top: 0px;">
     <div id="masonry" class="ng-scope" ng-repeat="comment in comments.data" style="position: absolute; left: 0px; top: 0px;">
</div>

我希望这些div从左到右自动调整(simliar到Isotope的砌体效果).第一次使用这个.任何帮助,将不胜感激.

我在加载更多按钮上使用ajax但问题是每当我点击加载更多按钮时我每次从content.php获取相同的数据,其中包含从表中获取数据的mysql查询.

如何根据最初存在十行的表中的id获取不同的数据,当我单击"加载更多"按钮时,接下来的10行应该附加已存在的数据.

数据被追加,但它始终是相同的数据.
我还有与load more按钮相关联的data-id,该按钮是与最初存在的元素的最后一个元素相关联的id.

var collegename=$(this).attr("value");  
var contentid=$(this).attr("data-id"); 

$.ajax({
    type: "post",
    url: "content.php",
    data: 'contentid='+contentid+'&collegename='+collegename,
    dataType: "text",                  
    success: function(response) {
        var $loaderImg =  $(this).parent().find(".loadingdata").hide();
        $content.html(response).prepend($loaderImg);
     }
});

//content.php

$collegename     = isset($_POST["collegename"]) ? $_POST["collegename"] : 0;
$query= "SELECT * FROM ".$collegename." ORDER BY rand() ";

我必须使用角度砌体网格样式而不是图像,我提到了大多数角度砌体文档,我所能找到的就是用于图像.我替换了img标签并使用了视频标签,但似乎仍然没有working.Can任何人都可以帮我解决如何包含视频.