Tag: jquery isotope
同位素网格布局使用空白空间
我有一个网格（3×3），它是300px，每个网格字段是100px宽。 如果你在这里看看jsfiddle，它很容易解释。 Onloads布局同位素它运行良好，但是如果你点击li元素＃2上的网格将被采用，但没有正确使用它的空间。 为什么li 3和空区旁边？ li 4适合那里！ 思想同位素会处理这个吗？ 怎么弄这个？ 谢谢你的帮助！ frgtv10 http://jsfiddle.net/pEZtj/
同位素用户状态javascript
我已经建立了这个同位素模块 – 但是我想要增强它 – 所以它会快速到底，并且可以从json请求获取更新。 此外，如果发生更改（如在线用户查看配置文件），则在用户页面上更改个人参考。 http://jsfiddle.net/CXqM2/26/ 这是当前的代码 var $container = $( ‘#isotope’ ), // @see {@link http://fgnass.github.io/spin.js} spinJsConfiguration = { lines: 5, // The number of lines to draw length: 3, // The length of each line width: 2, // The line thickness radius: 6, // The radius of the inner circle color: ‘#666’ […]
JQuery Isotope命令不准确地排序div
我的url是leftsideart（点）co（点）nz 我使用以下同位素设置： jQuery(‘#post-area’).isotope({ animationOptions: { duration: 750, easing: ‘linear’, queue: false }, getSortData : { number : function( $elem ) { return parseInt( $elem.find(‘.order’).text(), 10 ); } }, sortBy : ‘number’, sortAscending : true, animationEngine : ‘jquery’ }); var jQuerycontainer = jQuery(‘#post-area’); jQuerycontainer.imagesLoaded( function() { jQuerycontainer.isotope(); }); 但我的divs没有正确排序。 同位素肯定会影响顺序，因为我尝试在我的wordpress循环中回显随机数而不是递增数字并且div相应地进行随机播放。 另外，为了确保，当我将更改’sortAscending’更改为false时，div的一般顺序是相反的。 Isotope是否只提供一般订购而不是精确订购？
将HTML添加到JQuery Isotope additems / insertitems
我希望将html添加到此函数中，到目前为止，我有这个基本上是缩略图的网格，它充当旋转木马或相应图像的控件： XXXXX & Demos XXXXXXCommercial XXXXX XXXXXXXXXX XXXXXXXXXX XXXXXX XXXXXX XXXXXX XXXXXX 和 $(‘.button’).on( ‘click’, function() { var $items = ‘ The lemon tree-short film The lemon tree-short film The lemon tree-short film The lemon tree-short film ‘; $grid.isotope( ‘insert’, $items); } 但是，我得到第二行的语法错误？
jQuery Isotope插件 – 添加内联“display：none” – 无法弄清楚原因
我正在尝试将Isotope添加到我的新Wordpress主题中。 问题是它不会显示，因为有些东西正在向主同位素包装器添加内联（display：none）样式。 它看起来像这样： 我刚刚在我的样式表中添加了以下CSS覆盖： .isotope { display:block !important; } 有没有更好的方法来解决这个问题？ 我觉得这是一个俗气的解决方案……
JS在Fiddle中很好，但在Squarespace网站上浏览器resize之前没有动画
我正在使用jQuery Isotope来动画我网站上的图像。 它在jsFiddle中工作正常，但动画拒绝初始化，直到我在网站本身调整浏览器大小。 我已经查看了其他相关问题，并尝试将代码包装在一个就绪函数中并查找隐藏的字符，但似乎没有任何工作。 该网站是： http://rgbdrinks.squarespace.com 小提琴是： http://jsfiddle.net/tutmoses/kxLck/3/ 任何帮助感激不尽。 安德鲁 This is a test var $container = $(‘#container’) // initialize Isotope $container.isotope({ // options… sortBy : ‘random’, resizable : true, itemSelector : ‘.item’, animationEngine : ‘best-available’, // set columnWidth to a percentage of container width masonry: { columnWidth: $container.width() / 6 } }); // update […]
jQuery Isotope按编号排序错误地排序项目
我在我的网站上设置了同位素订单和排序，但是如果我将订单更改为数字，则会将项目排序错误。 例如，我有这样的项目： 使用像这样的同位素代码： $container.isotope({ itemSelector : ‘.boxm’, masonry : { columnWidth : 67, cornerStampSelector: ‘.corner-stamp’ }, getSortData : { name : function($elem){ return $elem.attr(‘data-name’); }, number : function($elem){ return $elem.attr(‘data-number’); } } }); $sortLinks.click(function(){ var $this = $(this); if($this.hasClass(‘selected’)){ return false; } var $isSet = $this.parents(‘.option-set’); $isSet.find(‘.selected’).removeClass(‘selected’); $this.addClass(‘selected’); var options = {}, key = $isSet.attr(‘data-option-key’), […]
从选择中创建filter（同位素）
我有四个级别的filter，基本上：格式，区域，人口统计和兴趣。 Digital Manufacturing Retail 同位素filter基于上面检查/选择的filter。 我使用的是这样的东西： var selectors = []; $(“.form-div”).find(“input:checked, option:selected”).each(function(){ selectors.push(‘.’+$(this).data(‘filter’)); }); selectors = selectors.join(”); 这提供了一个选择器，如.i-newspaper.i-magazine.i-northland.i-southland.i-digital.i-design-and-photography （假设这些是选中/选中的表单元素） 但是，每个.form-div都是一个单独的集合，所以通过上面的选择，我希望得到： .i-newspaper.i-southland.i-digital.i-design-and-photography, .i-newspaper.i-northland.i-digital.i-design-and-photography, .i-magazine.i-southland.i-digital.i-design-and-photography, .i-magazine.i-northland.i-digital.i-design-and-photography 如何实现这样的目标？ 如果我的问题需要更多澄清，请告诉我…… 谢谢 编辑 针对此问题的另一种替代解决方案是“多级”过滤。 所以过滤这套： .i-newspaper, .i-magazine 然后按此集过滤子集： i-southland, .i-northland 等等等等… EDIT2 JsFiddle： http ： //jsfiddle.net/MkME9/
Jquery Isotope插件：生成随机大小的图像
我正在使用Jquery Isotope插件，其div具有背景图像并且具有特定大小： .frontpageimage { height: 200px; width: 200px; background-image: url(’tile1.jpg’); } 这很好用。 但是我想在那里随意选择和成像并使其比其他更大，所以我创建了这个： $(‘#isotopecontainer .isotope-item:nth-child(2)’).find(‘.frontpageimage’).addClass(‘frontpageimagehigh’); .frontpageimagehigh { height: 420px; width: 200px; } （注意：目前硬编码选择第二张图像 – 稍后将进行随机化。） 麻烦的是，如果我在上面的代码中插入上面的代码，那么它就不起作用了。 如果我在调用Isotope后插入上面的代码，它可以工作，但图像重叠 – 即：图像在Isotope渲染后改变大小。 有谁知道如何将其添加到现有的同位素脚本中？ 或者有人对我有任何建议吗？ 如果需要澄清，请告诉我。 谢谢
将IE的getComputedStyle修复程序应用于我的代码…’null’为null或不是对象
我遇到了这个问题 。 我正在尝试应用以下修复来使getComputedStyle与我用于jQuery同位素的代码中的IE8（和 – ）一起使用。 但我仍然收到一条错误消息。 任何帮助将不胜感激。 我得到’null’是null或不是IE-Tester的对象错误消息。 该网站是http://www.gablabelle.com/ $(document).ready(function(){ var layoutI = 0; var $container = $(“#stream”); var $window = $(window); //getComputedStyle fix for IE ? if (!window.getComputedStyle) { window.getComputedStyle = function(el, pseudo) { this.el = el; this.getPropertyValue = function(prop) { var re = /(\-([az]){1})/g; if (prop == ‘float’) prop = ‘styleFloat’; if (re.test(prop)) […]
