Question

我想在Sharepoint网站上实现一点幻灯片。然而，我的演出工作并不令我满意。

我所拥有的“问题”代码片段（诚然）从互联网中使用了这个代码：

$(xData.responseXML).find("z\\:row").each(function() {
        var title = $(this).attr("ows_Title");
        var imageLink = imageURL+$(this).attr("ows_FileLeafRef").substring($(this).attr("ows_FileLeafRef").indexOf('#')+1);
  var itemLink = itemURL+$(this).attr("ows_ID");
  var liHtml = "<div><img width='200' height='200'  src='" + imageLink +"'/><p align='center'>"+ title + "</p></div>";

但是，我希望var标题是：a。较重的字体重量（500）和b。线高度较小。

我尝试了一堆不起作用的东西。我尝试在代码的这一部分中给出

元素：

> var liHtml = "<div><img width='200' height='200'  src='" + imageLink
> +"'/><p align='center'>"+ title + "</p></div>";

它自己的id，然后尝试用一些jquery操纵那个id，没有运气。我在声明var时尝试操作var标题，但没有运气。

这个虚拟jquery newb缺少什么？

修改

我可能应该包括的一些额外信息（我尽量保持这些事情尽可能短，然后意识到我错过了相关信息）：

我对CSS的理解让我相信我可以在3个地方拥有CSS：单独的样式表，在doc的头部，或者内联。我无法在文档头中添加任何内容，因为我在SP webpart中执行此操作。我试过制作＆lt; p id =“title_par”align ='center'＆gt;，然后用jquery操纵$（“＃title_par”）。css，但没有运气。此外，尝试使用内联，但是也没有用。基本上，我无法访问.css文件（我没有Sharpoint设计器可以使用，我只有网站集管理员权限）

Answer 1

这可以通过CSS解决。

将类添加到<p align='center'>，例如<p align='center' class='classOfTitle'>，以便通过CSS设置样式并使用：

.classOfTitle {
     line-height: 1em; /* you can use any units */
     font-weight: bold; /* font-weight in units isn't suported by all browsers (the standars are inherit, bold and normal */
}

Answer 2

这是一个CSS问题，而不是Jquery。

试试这个

//你的js

var liHtml = "<div><img width='200' height='200'  src='" + imageLink +"'/>
<p class='title'>"+ title + "</p></div>";

//你的css文件

.title {text-align:center;font-weight:500;line-height:10px;}

jquery javascript css issue - 内联字体权重操作

2 个答案: