【问题标题】:sharepoint and Jquery共享点和 Jquery
【发布时间】:2016-06-08 08:59:12
【问题描述】:

我的 SharePoint 页面上有一个 Web 部件,其中包含一些 HTML 和几个 JavaScript 插件。

现在,在编辑此页面时,我阅读了如何处理与 JQuery 的冲突,以下是我的想法。但是,当我保存和查看页面时它仍然不起作用,因为我的 Jquery 插件从未得到初始化。

 <script src="../master_page_items/jquery-2.2.0.min.js"></script>
<script src="../master_page_items/jquery-ui-1.11.4/jquery-ui.js"></script>
<script src="../master_page_items/picture_slider.js"></script>
<script type="text/javascript" src="https://c64.assets-yammer.com/assets/platform_embed.js"></script>

<script language="Javascript" type="text/javascript">
_spBodyOnLoadFunctionNames.push("init");

function init()
{

jQuery("#slider").easySlider({
        auto: true,
        continuous: true,
                pause:5000,
                prevText: '',
        nextText: ''
    });


    jQuery('.nav li').hover(
      function () { //appearing on hover
        jQuery('ul', this).fadeIn();
      },
      function () { //disappearing on hover
       jQuery('ul', this).fadeOut();
      }
    );


  yam.connect.embedFeed(
      { 
         container: '#customright',
        network: 'aon.com'
  });   
}


</script

>

我不确定我还缺少什么或者我这样做是否正确?

谢谢

【问题讨论】:

    标签: jquery sharepoint web-parts


    【解决方案1】:

    考虑到您提到了正确的 Jquery 文件路径并正确处理了冲突,首先尝试使用小示例看看它是否有效。

    _spBodyOnLoadFunctionNames.push("myFunctionName");
    function myCustomName(){
     alert('a');
    }
    

    如果上面的代码提示“a”,那么您的 jquery 引用是正确的,并且 _spBodyOnLoadFunctionNames.push() 工作正常。

    你可以试试

    jQuery(document).ready(function() {
     ExecuteOrDelayUntilScriptLoaded(myCustomName, "sp.js");
    });
    

    我希望图像滑块中使用的值已经出现在页面上。

    【讨论】:

      【解决方案2】:

      问题可能与 jquery 文件路径中的“..”有关。我现在不能尝试,但通常我使用相对于服务器的 URL 来引用我的 jquery 文件。这样,您可以将 Web 部件放在站点中的任何页面上,并且仍然可以引用它。所以像/sites/MySite/MySubsite/master_page_files/jquery-2.2.0.min.js

      除了 Vaibhav 说的,我也想试试:

      JQuery(document).ready(function(){
          alert('b');
      });
      

      确保已加载 JQuery 并将 SP 完全排除在外。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2022-11-23
        • 2011-07-19
        • 1970-01-01
        • 2012-12-22
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多