相同的浏览器版本，2个不同的javascript处理

问题解决：我删除了第一个功能，因为它不需要，现在它可以在所有浏览器中运行。感谢帖子虽然！相同的浏览器版本，2个不同的javascript处理

我在这里的问题是，我有一个服务器上没有问题，在IE浏览器是什么那么曾经完美运行的JavaScript。但在另一台服务器上给我2 IE错误。

它声称我的offset（）。top不是空或不是对象。
我的淡入和淡出效果甚至没有激活。

然后我又有一个很大的问题，那就是在FireFox中它的全部工作。

OPS：这是一个webpart，所以在网站上运行的额外的JavaScript可能会介入JavaScript我试图在这里执行。但我不确定。

我已经在IE 8.0.7600.16385这个服务器上测试了这个webpart。

脚本：

<script type="text/javascript" 
src="/_layouts/Progressive/Javascripts/jquery-1.4.3.js"></script> 

<script type="text/javascript"> 
(function($) { 
    $.fn.goTo = function() { 
     // This is where IE on the second server claims the error to be. 
     $('html, body').animate({scrollTop: $(this).offset().top + 'px'}, 'fast'); 
     return this; 
    } 
})(jQuery); 

function showParagraphs(sender) { 
    var id = sender.getAttribute('href'); 
    if ($('#<%=paragraph.ClientID%>').hasClass("readable")) { 
     $('#<%=paragraph.ClientID%>').removeClass("readable"); 
     highlightSelected(id); 
    } 
    else { 
     $('#<%=paragraph.ClientID%>').addClass("readable"); 
     rmvClass(id); 
    } 
}; 

function highlightSelected(id) { 
    $(id).goTo(); 
    $(id).addClass("reading"); 
    // This part is what isn't activated on the second server. 
    $('.reading').fadeOut(400).fadeIn(400).fadeOut(400).fadeIn(400); 
    // .reading only adds a gray background to the DIV. 
}; 

function rmvClass(id) { 
    $('div').each(function() { 
     if ($(this).hasClass("reading")) { 
      $(this).removeClass("reading"); 
     } 
    }); 
} 

function toTop() { 
    $('div').each(function() { 
     $(this).removeClass("reading"); 
    }); 
    $('#<%=paragraph.ClientID%>').addClass("readable"); 
} 

$(document).ready(function() { 
    $('#<%=q.ClientID%>').find('dd').hide().end().find('dt').click(function() { 
     $(this).next().slideToggle("fast"); 
    }); 

    $("#<%=q.ClientID%> dt").click(function() { 
     if ($(this).hasClass("selected")) { 
      $(this).removeClass("selected"); 
     } 
     else { 
      $(this).addClass("selected"); 
     } 
    }); 
}); 
</script>

任何想法或建议？

来源

2011-01-27 diceler

你应该做的一件事是升级到jQuery 1.4.4 - 1.4.3版本中有一些令人讨厌的错误。 – Pointy 2011-01-27 17:02:01

在你的第一个函数中，你正在传递var`jQuery`，所以你可以在函数中使用`$`，然后使用`$`，而在其他函数中没有任何包装，这告诉我你正在尝试使用jquery以两种不同的方式（通过`$`和`jQuery`）。这是打算？ – JustcallmeDrago 2011-01-27 17:05:04

当

$(id)

返回一个空jQuery对象，然后 “.offset（）” 将返回null。你将这个“highlightSelected”代码与某些东西的“href”值联系起来，所以也许你认为这是一个与页面上的东西相对应的“id”值，实际上并不是这样。然而，很难确切知道，因为您没有发布任何相关的HTML，甚至没有显示“showParagraphs（）”的调用方式！

来源

2011-01-27 17:04:13 Pointy

相同的浏览器版本，2个不同的javascript处理

回答

相关问题