HTML 源代码编辑器 - Web 部件

Posted 2023-03-27

【中文标题】HTML 源代码编辑器 - Web 部件

【英文标题】：HTML Source Editor - Web Part

【发布时间】：2014-04-09 05:40:31

【问题描述】：

我正在开发一个 html Web 部件。我想让页面上的其他 Web 部件可折叠和可扩展。我发现此脚本放置在 HTML 表单 Web 部件中。它正是我想要的。唯一的事情是所有其他部分在页面加载时会自动展开。我通读了脚本，但是我不熟悉 jQuery 语法。我认为我需要更改以使部分自动折叠的代码行是：

$(this).closest('.s4-wpTopTable').find('tr:first').next().toggle().is(":visible") ? img.attr('src',Collapse) : img.attr('src',Expand );      

我相信我只需要更改它的切换位置，因为可见到不可见。我不知道怎么写。

这是整个脚本：

<script type="text/javascript" src="http://ajax.Microsoft.com/ajax/jQuery/jquery-1.7.1.min.js"></script> 
<script type="text/javascript"> 

jQuery(function($)      
$('.s4-wpTopTable').find('tr:first h3').append('<a class=\'min\' 
style=\'float:right\'><img src=\'/_layouts/images/collapse.gif\'/></a>');         
var Collapse = "/_layouts/images/collapse.gif";         
var Expand = "/_layouts/images/expand.gif";    
$('.min').click(function()              
var img = $(this).children();         
$(this).closest('.s4-wpTopTable').find('tr:first').next().toggle().is(":visible") ? img.attr('src',Collapse) : img.attr('src',Expand );     ); ); </script> 

【参考方案1】：

这里的技巧可能对你有用。点击编辑Web部件，在外观下找到chrome状态，你需要将Chrome状态设置为“最小化”，默认情况下Chrome状态将为“正常”。

然后使用 Sharepoint Designer 将代码放置在 CEWP 或 .aspx 页面中。