javascript - 使用 javascript onclick 方法隐藏 SharePoint Web 部件

Question

我需要一点帮助，我正在尝试使用嵌入在 SharePoint 内容编辑器 Web 部件中的 JavaScript 在单击项目时隐藏特定的 Web 部件，但是它似乎不起作用，谁能给我任何提示/想法？

<script type="text/javascript">
function hidepart() 
var hlf = document.getElementById("MSOZoneCell_WebPartWPQ3");
    MSOZoneCell_WebPartWPQ3.style.display="none";
    }
</script>
enter code here


 <a id="myLink" href="#" onclick="hidepart();return false;">Test</a>    

Answer 1

<script type="text/javascript">
function hidepart() {
var hlf = document.getElementById("MSOZoneCell_WebPartWPQ3");
hlf.style.display="none";
}
</script>

在此处输入代码

<a id="myLink" href="#" onclick="hidepart();return false;">Test</a> 

您拼错了函数，并且没有正确使用 hlf 变量。这应该这样做

好的，修复了你也缺少一个左括号

Answer 2

您可以使用以下代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script language="JavaScript">
function hidepart()
 {
 $('#MSOZoneCell_WebPartWPQ3').hide(); 
 }
</script>
enter code here
<a id="myLink" href="#" onclick="hidepart();return false;">Test</a> 

Answer 3

I've managed to get it working like this, thank you harshini, your version also seems to work and looks a lot nicer.

<script type="text/javascript">

function hidepart1() {
document.getElementById("MSOZoneCell_WebPartWPQ5").style.display = "none";} 
</script>

<a id="myLink" href="#" onclick="hidepart1();return false;">Test</a> 

Thanks guys for helping me out thought I should share this with you, maybe someone else needs this