Question

我正在开发HTML网络部分。我想让页面上的其他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>

Answer 1

以下是技巧可能对你有用。点击编辑网页部分，在外观下找到铬状态，你需要将Chrome状态设置为'最小化'，默认情况下Chrome状态将是'正常。

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

HTML源代码编辑器 - Web部件

1 个答案: