我正在使用我的投资组合,我正在使用一个名为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'
});
答案 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'
});
第二个块是冗余的并抛出错误。只需将其删除即可。