我发生的事情几乎倒退了(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>