javascript - 悬停时显示列描述

Question

当用户将鼠标悬停在列标题上时，我想显示我的共享点列表的列描述。目前还没有现成的解决方案，我遵循了这个 guide 。但是，本指南不适用于 SharePoint 2013。任何帮助或指导都会有所帮助!

这是我尝试将其应用到的 ListView 。

Answer 1

具体步骤取决于您是计划使用内容编辑器 Web 部件还是直接编辑 View 页面。如果您不确定该怎么做，请告诉我。

结果:

JavaScript:

注释:使用您选择的 jQuery 库版本。将“门票”列表名称更改为您的列表名称。

<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>

<script>
var testresults
function test() {
  var headings = document.getElementsByClassName('ms-vh-div')
  for (var i=0;i<headings.length; i++)
  {
    var columnName = headings[i].getAttribute("name");
    columnName = columnName.replace("_x0020_"," ");
    var head = headings[i].getElementsByTagName('a')[0];
    //head.title = head.title + "\nhello world"

    $.ajax({
      "url": _spPageContextInfo.webServerRelativeUrl + 
             "/_api/web/Lists/getbytitle('Tickets')/fields?$select=Description&$filter=Title eq '" + columnName + "'",
      "method": "GET" ,
      "theHeading": head,
      "headers": {
          "accept": "application/json;odata=verbose"
      },
      "success" : function(data) { 
        var xml = arguments[2].response; 
        var description = "" + $(xml).find("content").text()   
        this.theHeading.title += "\n" + description;
      },
      "error" : function(e) { console.log("error " + e.message) }
    });
  }
}

// delay script until SharePoint "stuff" is finished.
_spBodyOnLoadFunctionNames.push("test")
</script>