一个脚本导致SharePoint到"白页"在IE8及以下的所有内容上

时间:2014-03-22 15:53:29

标签: javascript jquery sharepoint sharepoint-2013

我发生的事情几乎倒退了(IE8是英雄!?)

我的组织最近从2007年升级到SharePoint 2013,并带来了一系列的变化。一个主要的变化 - 内容编辑器Web部件现在不能很好地使用自定义HTML,CSS和JS。

随着我们升级到IE9(有点过时我知道,不要擦它)。我有一个脚本,在升级之前一直运行得非常好。现在使用IE9和SharePoint 2013,我使用脚本编辑器webpart和下面的代码加载文档库,页面变为白色。

我把它缩小到这个,但我不知道为什么。如果我注释掉JQuery,那么一切都会重新加载。其他不是问题,只是出于某种原因。

 <script type="text/javascript">
  $(document).ready(function(){ 
  $('.video').hide().before('<a href="#" id="toggle-video" class="button">Open/Close Video  Tutorial</a>');
 $('a#toggle-video').click(function() {
    $('.video').slideToggle(1000);
    return false;
});
});
</script>

在调试时,我在IE9 +中得到以下消息,但不是IE8

“SCRIPT5022:DOM异常:HIERARCHY_REQUEST_ERR(3) jquery.min.js,第104行,字符225“

不知道是否有一种方法可以强制它呈现,好像它是IE8 ..

无论如何,谢谢你的时间!

这是完整的代码段。

<!DOCTYPE HTML>
<html>

<head>
 <!-- JS -->
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"     type="text/javascript"></script>
 <script type="text/javascript">
 $(document).ready(function(){  
  $('.practice').hide().before('<a href="#" id="toggle-practice"     class="button2">Open/Close Practice Council View</a>');
 $('a#toggle-practice').click(function() {
     $('.practice').slideToggle(1000);
    return false;
 });
  });
 </script>


<script type="text/javascript">
$(document).ready(function(){   
$('.policy').hide().before('<a href="#" id="toggle-policy" class="button">Open/Close     Policy Central Live View</a>');
$('a#toggle-policy').click(function() {
    $('.policy').slideToggle(1000);
     return false;
 });
 });
 </script>

 <script type="text/javascript">
  $(document).ready(function(){ 
  $('.video').hide().before('<a href="#" id="toggle-video" class="button">Open/Close Video  Tutorial</a>');
 $('a#toggle-video').click(function() {
    $('.video').slideToggle(1000);
    return false;
});
});
</script>


<script type="text/javascript">
$(document).ready(function(){   
$('.resources').hide().before('<a href="#" id="toggle-resources" class="button2">Open/Close Resources</a>');
$('a#toggle-resources').click(function() {
    $('.resources').slideToggle(1000);
    return false;
});
});
</script>


<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

 <div class="policy">
 <iframe src="http://XXX/XXX" width="100%" height="600">
</iframe>
 </div>

<br><br>

<div class="practice">
<iframe src="http://XXX/XXX" width="100%" height="600">
</iframe>
 </div>

<br><br>

<div class="video">
<center>No Video Available</center>
</div>

<br><br>

<div class="resources">
<center><p><a href="XX"> XX</a><br><br></p>    </center>
</div>



</body>
</html>

0 个答案:

没有答案