jquery - 如何在 SharePoint Web 部件中正确使用 jquery - jquery 并不总是触发

Question

我正在学习如何将 jquery 与 SharePoint 结合使用。当选择链接时，我的示例会在内容编辑器 Web 部件内绘制一个红色框。我的代码在 SharePoint 页面处于编辑模式时有效，但在我离开页面并以非编辑模式返回后无效。 jquery 函数由于某种原因没有触发...我错过了一些简单的东西，但不确定是什么。

感谢您的帮助。

凯文

我的网站母版页通过以下方式连接到 jquery-1.3.2.min.js 文件:

 <SharePoint:ScriptLink language="javascript" name="jquery-1.3.2.min.js" 
 Defer="true" runat="server"/>

我的内容编辑器 Web 部件代码如下所示:

<style type="text/css">
#box
{
    background: red;
    width: 300px;
    height: 300px;
    display: none;
}
</style>


<script type ="text/javascript">
    $(function() {
        $('a').click(function() {
            $('#box').slideDown(2000);
        });
    })
</script>

<div id="box">
<h1>This is text in the box</h1>
</div>
<a href="#">Display Box</a><br />

Answer 1

最近我遇到了一个问题，我认为这可能会对某人有所帮助。

在 SharePoint head 标签中，如果您放置脚本标签，例如

<script language="javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"/>

那么 jQuery 不起作用，但如果你像这样放置

<script language="javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

请参阅</script>差异那么它就可以工作。

我很惊讶!