Jquery和Sharepoint 2007 - 不好玩

时间:2014-03-10 18:50:28

标签: jquery

所以我被要求开发一个目录系统,允许我的团队每天搜索我们与之交互的各种关键联系人。我决定制作一个自定义列表,并根据我想要的方式自定义布局,这一切都很好,但我遇到问题的是Jquery。

我要完成的是实现这个Jquery插件http://www.erichynds.com/blog/jquery-ui-multiselect-widget。我根本没有运气,根本没能使它工作。我目前有一个查找选择,我一直在尝试更改2个选择列,并使用此插件获得更清洁的东西。所以我尝试了以下方法,以便在没有运气的情况下使用它。

1)试图找出加载Jquery库的最佳方法。我将所有脚本放入我的文档库,并将脚本引用到我的站点的标题中。什么都没有改变。

<asp:Content ContentPlaceHolderId="PlaceHolderAdditionalPageHead" runat="server">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"/>
<script type="text/javascript" src="/sites/SERVIPCManagement/imc/mtlcoe/coe1/Shared Documents/Tools/Custom Scripts/Custom/Multiselect/jquery.multiselect.js"/>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="Custom/Multiselect/jquery.multiselect.css" />
<script type="text/javascript" src="/sites/SERVIPCManagement/imc/mtlcoe/coe1/Shared Documents/Tools/Custom Scripts/Custom/Multiselect/test.js"/>
<script type="text/javascript">
$(function(){
    $("select").multiselect();
});
</script>

</asp:Content>

2)尝试通过内容编辑器Web部件加载脚本,方法是将其链接到具有以下内容且无任何内容的文件。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"/>
<script type="text/javascript" src="/sites/SERVIPCManagement/imc/mtlcoe/coe1/Shared Documents/Tools/Custom Scripts/Custom/Multiselect/jquery.multiselect.js"/>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="Custom/Multiselect/jquery.multiselect.css" />
<script type="text/javascript" src="/sites/SERVIPCManagement/imc/mtlcoe/coe1/Shared Documents/Tools/Custom Scripts/Custom/Multiselect/test.js"/>
<script type="text/javascript">
$(function(){
    $("select").multiselect();
});
</script>

3)试图像这样调整多选的配置,也没有任何反应。

   <script type="text/javascript">
    $(function(){
    $("select[title='title']").multiselect();
    });
    </script>

如果有人有任何其他的二重奏,请告诉我即将放弃整个Jquery的想法。

1 个答案:

答案 0 :(得分:0)

脚本标签不是自动关闭的。 <script />无效。省略斜杠并将其保留为<script>或添加适当的结束标记</script>