如何在jQuery Masonry中使用“isOriginLeft”?

时间:2013-07-28 07:14:37

标签: jquery wordpress themes

我正在使用一个wordpress主题,它使用jQuery Masonry来重新调整浏览器大小时的帖子缩略图。但是,我需要它们从右边而不是左边堆叠。我在砌体网站上找到了这个"isOriginLeft": false选项,但似乎无法让它工作。

有什么建议吗?任何帮助将不胜感激,jQuery不是我的强项。

该网站可在此处找到:http://brittonhack.com/new/

这是functions.js代码:

// masonry code 
$(document).ready(function() {
  $('#post-area').masonry({
    // options
    itemSelector : '.post',
    isOriginLeft: false,
    // options...
  isAnimated: true,
  animationOptions: {
    duration: 400,
    easing: 'linear',
    queue: false
  }

  });
});


// hover code for index  templates
$(document).ready(function() {

        $('#post-area .image').hover(
            function() {
                $(this).stop().fadeTo(300, 0.8);
            },
            function() {
                $(this).fadeTo(300, 1.0);
            }
        );  


});


// comment form values
$(document).ready(function(){
    $("#comment-form input").focus(function () {
        var origval = $(this).val();    
        $(this).val("");    
        //console.log(origval);
        $("#comment-form input").blur(function () {
            if($(this).val().length === 0 ) {
                $(this).val(origval);   
                origval = null;
            }else{
                origval = null;
            };  
        });
    });
});


// clear text area
$('textarea.comment-input').focus(function() {
   $(this).val('');
});

var container = document.querySelector('#post-area');

1 个答案:

答案 0 :(得分:0)

$(document).ready(function(){
  $container.masonry({
    "isOriginLeft": false,
    "isOriginTop": true
  });
});