我正在使用jQuery和mootools图书馆,我有这个错误
TypeError: offset is null
[Parar en este error]
if (jQuery(window).scrollTop() > offset.top) {
这是代码:
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="wp-styles.css" media="screen"/>
<link rel="stylesheet" href="css/ui.css" type="text/css" />
<link rel="stylesheet" href="css/horizontal.css" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
(function(jQuery){
var offset = jQuery("#bichito").offset();
var topPadding = 200;
jQuery(window).scroll(function() {
if (jQuery(window).scrollTop() > offset.top) {
jQuery("#bichito").stop().animate({
marginTop: jQuery(window).scrollTop() - offset.top + topPadding
});
} else {
jQuery("#bichito").stop().animate({
marginTop: 0
});
};
});
})(jQuery);
</script>
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript" src="Scripts/ajax.js"></script>
<script type="text/javascript" src="Scripts/mootools-1.2-core.js"></script>
<script type="text/javascript" src="Scripts/mootools-1.2-more.js"></script>
<!--[if IE]>
<script type="text/javascript" src="scripts/excanvas-compressed.js"></script>
<![endif]-->
<!--[if lt IE 7]>
<script defer type="text/javascript" src="Scripts/pngfix.js"></script>
<![endif]-->
<script type="text/javascript" src="Scripts/mocha.js" charset="utf-8"></script>
<script type="text/javascript" src="Scripts/slideitmoo-1.1.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
$$('.comprar').each(function(btnCompra) {
btnCompra.addEvent('click',function(event){
。 。 。 有更多的mootols功能。 如果我只使用它运行的jquery代码,与mootools函数相同但两者都没有。 提前致谢。
答案 0 :(得分:0)
如果在空集合上调用它,则jQuery offset()
方法返回undefined
。
看来你在加载DOM之前运行你的jQuery代码,那时你的jQuery("#bichito")
元素不存在。
您可以像这样修复代码:
jQuery.noConflict();
(function(jQuery){ // <-- do you really need closure here?
jQuery(function(){ // <-- wait DOM ready
var offset = jQuery("#bichito").offset();
var topPadding = 200;
jQuery(window).scroll(function() {
if (jQuery(window).scrollTop() > offset.top) {
jQuery("#bichito").stop().animate({
marginTop: jQuery(window).scrollTop() - offset.top + topPadding
});
} else {
jQuery("#bichito").stop().animate({
marginTop: 0
});
};
});
});
})(jQuery);