javascript - Sharepoint 删除 Javascript 函数调用

Question

我正在尝试调用一个简单的 JavaScript 函数，该函数隐藏或显示 Sharepoint 中的特定 div。我已添加带有该函数的脚本编辑器 Web 部件，但每当我保存时， anchor 标记都会删除 href。下面是我输入的代码。

Javascript:

<script type="text/javascript" charset="utf-8">
    function toggleDiv(divId) {
        $("#"+divId).toggle();
    }
</script>

HTML:

<a href="javascript:toggleDiv('answer1');">Show Answer 1</a>

保存后，Sharepoint 告诉我，Sharepoint 认为“不安全”的某些元素将被删除。当它重新加载时，它会删除 href，如下所示:

<a>Show Answer 1</a>

有什么想法可以让这个简单的功能发挥作用吗？

谢谢， 乔丹

Answer 1

如果您有多个答案，您可以创建一个像这样的简单脚本(我注意到您正在使用 jQuery)

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
  $('a').click(function(){
     $('#' + $(this).data('answer')).toggle();
  });
 });
</script>

和 HTML:

<a data-answer="answer1">Show answer 1</a>
<a data-answer="answer2">Show answer 2</a>
...
<div id="answer1" style="display:none">Here answer 1</div>
<div id="answer2" style="display:none">Here answer 2</div>

更新:添加了ready函数，因此脚本仅在页面完全加载时运行