Javascript SharePoint上的jquery展开/折叠在IE 10中不起作用
我是团队中的SharePoint专家,但我是一名新手程序员。通过反复试验,我成功地拼凑了通过在线搜索找到的代码片段,使我的SharePoint列表(作为FAQ)能够展开/折叠超过一定高度的长答案。它在多读和少读之间切换。我把“多读/少读”上的文字改成了蓝色。它在FireFox中工作得很好。这在IE中根本不起作用。我不明白为什么。我尝试了一些不同的控制台日志语句,以便能够找到它。它似乎没有执行该事件。我试图将它从.toggle更改为.on('click',function()),但它也不喜欢这样。这是我的代码,请帮助: 已编辑-正在运行:Javascript SharePoint上的jquery展开/折叠在IE 10中不起作用,javascript,jquery,html,css,sharepoint,Javascript,Jquery,Html,Css,Sharepoint,我是团队中的SharePoint专家,但我是一名新手程序员。通过反复试验,我成功地拼凑了通过在线搜索找到的代码片段,使我的SharePoint列表(作为FAQ)能够展开/折叠超过一定高度的长答案。它在多读和少读之间切换。我把“多读/少读”上的文字改成了蓝色。它在FireFox中工作得很好。这在IE中根本不起作用。我不明白为什么。我尝试了一些不同的控制台日志语句,以便能够找到它。它似乎没有执行该事件。我试图将它从.toggle更改为.on('click',function()),但它也不喜欢这样。
if(typeof jQuery=='undefined'){
var jQPath=https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'
文件。写(“”);
}
.expandText{height:auto;}
.collapseText{height:26px;overflow:hidden}
var expand=“[Read More]”;
var collapse=“[Read Less]”;
函数ExpGroupRenderData(HtmlRender、groupName、isLoaded){
$(“#tbod”+groupName+“#”).attr(“isloaded”,isloaded)
.html(htmlToRender)
.show(“fast”,collapseText(#tbod“+groupName+”);
}
函数collapseText(组){
if(!group)group=“#MSO_ContentTable”;
var html=“[Read More]”;
$(组+“td.ms-vb2>div”)。每个(功能(即,e){
$(e).css({
显示:“内联块”
});
如果(例如,重量>35){
$(e).toggleClass(“collapseText”)
.parent().append(html);
}
});
$(组+“a[id='collapseText']”)。切换(函数(事件){
$(event.target).text(collapse.css('color','blue').prev().removeClass(“collapseText”);
返回false;
},功能(事件){
$(event.target).text(expand.css('color','blue').prev().addClass(“collapseText”);
返回false;
});
}
$(函数(){
collapseText();
});
别担心,即使是程序员在为SharePoint开发时也会遇到问题不过说真的,你能不能加入一些HTML,这样我就可以构建一个提琴了?问题是要从SharePoint gobbledygook中获得一些干净的代码。不过我发现了这个问题。在我的var html中,我将标记更改为,但保留了结束:(另外,我从var html中去掉了style='color:blue',我也不需要事件颜色。谢谢你的帮助-非常感谢!原版海报找到答案是很常见的,通常他们会发布答案并将其标记为已接受=]不用担心,这可能是一件好事关于IE-informated HTML在FF&Chrome中通常是“最佳猜测”,但在IE中它根本不起作用=)@Keliyra我建议你要么删除帖子,要么写一个答案,这样人们就不会在这上面浪费时间。
if(typeof jQuery=='undefined'){
var jQPath = 'https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'
document.write('<script src="',jQPath,'" type="text/javascript"><\/script>');
}
</script>
<style type="text/css">
.expandText {height:auto;}
.collapseText {height:26px;overflow:hidden}
</style>
<script type="text/javascript">
var expand = "[Read More]";
var collapse = "[Read Less]";
function ExpGroupRenderData(htmlToRender, groupName, isLoaded) {
$("#tbod" + groupName + "_").attr("isloaded", isLoaded)
.html(htmlToRender)
.show("fast", collapseText("#tbod" + groupName + "_"));
}
function collapseText(group) {
if (!group) group = "#MSO_ContentTable";
var html = "<a id='collapseText'; style='color:blue'>[Read More]</a>";
$(group + " td.ms-vb2>div").each(function (i, e) {
$(e).css({
display: "inline-block"
});
if (e.clientHeight > 35) {
$(e).toggleClass("collapseText")
.parent().append(html);
}
});
$(group + " a[id='collapseText']").toggle(function (event) {
$(event.target).text(collapse).css('color', 'blue').prev().removeClass("collapseText");
return false;
}, function (event) {
$(event.target).text(expand).css('color', 'blue').prev().addClass("collapseText");
return false;
});
}
$(function () {
collapseText();
});
</script>