我找到了这个jsFiddle http://jsfiddle.net/Yvk9q/9/在开始时使用同位素带来我想要的元素。
我尝试复制页面上的尾声,但不起作用!
我真的不知道为什么 $elem.hasClass 不是一个函数(我承认我以前从未使用过 $elem )
谁能帮我解决这个问题吗?
谢谢!
jQuery(document).ready(function($) {
var $container = $('#homepage-grid');
$container.imagesLoaded( function(){
$container.isotope({
itemSelector: 'article',
masonry: {
columnWidth: 125
},
getSortData : {
milk : function( $elem ) {
var isMilk = $elem.hasClass('milk');
return (!isMilk?' ':'');
},
eggs : function( $elem ) {
var isEggs = $elem.hasClass('eggs');
return (!isEggs?' ':'');
},
bacon : function( $elem ) {
var isBacon = $elem.hasClass('bacon');
return (!isBacon?' ':'');
}
}
});
});
var $optionSets = $('#main-nav .option-set'),
$optionLinks = $optionSets.find('a');
$optionLinks.click(function(){
var $this = $(this);
// don't proceed if already selected
if ( $this.hasClass('selected') ) {
return false;
}
var $optionSet = $this.parents('.option-set');
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');
// make option object dynamically, i.e. { filter: '.my-filter-class' }
var options = {},
key = $optionSet.attr('data-option-key'),
value = $this.attr('data-option-value');
// parse 'false' as false boolean
value = value === 'false' ? false : value;
options[ key ] = value;
if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
// changes in layout modes need extra logic
changeLayoutMode( $this, options )
} else {
// otherwise, apply new options
$container.isotope( options );
}
return false;
});
});
最佳答案
$elem
不是 JQuery 对象。如果您想使用 hasClass
(只能在 JQuery 对象上调用),那么您应该使用 $($elem)
关于jquery - $elem.hasClass 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22143977/