未捕获的ReferenceError:未定义砌体

时间:2013-07-27 10:58:21

标签: jquery wordpress

我正在使用我的投资组合,我正在使用一个名为Gridly的wordpress主题使用masonry。我正在努力使帖子与右边而不是左边对齐。我遇到了一个选项here,允许我通过使用“isOriginLeft”来做到这一点:false但现在我只是继续得到这个错误“Uncaught ReferenceError:Masonry not defined”我并没有接近得到帖子要对齐。

我的作品集在这里:brittonhack.com/new /

jQuery不是我的强项,所以任何帮助都会非常感激。谢谢!

以下是不断产生错误的代码。

// masonry code 
$(document).ready(function() {
  $('#post-area').masonry({
    // options
    itemSelector : '.post',
    // 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');
var msnry = new Masonry( container, {
  itemSelector: '.post'
});

1 个答案:

答案 0 :(得分:-1)

您正在文档顶部初始化砌体:

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

    });
});

最后你再次初始化(没有jQuery):

var msnry = new Masonry( container, {
    itemSelector: '.post'
});

第二个块是冗余的并抛出错误。只需将其删除即可。