Javascript 使用PWI时,Primefaces应用程序中完整布局中心部分后面打开的图片

Javascript 使用PWI时,Primefaces应用程序中完整布局中心部分后面打开的图片,javascript,jsf,layout,primefaces,picasa,Javascript,Jsf,Layout,Primefaces,Picasa,我正在使用PWI Picasa Webalbum Integrator这是一个Jquery插件来获取照片。它部分地起作用了。我可以将照片放在面板内的xhtml页面上,但当我单击它时,它会在中心布局后面打开图片,因此除了布局部分之间的几毫米之外,我看不到它们: 图片: 我不知道如何开始解决这个问题,如果有人有时间做这种愚蠢的事情,我非常感激。我正在使用Primefaces 3.2和PWI的最新版本2.0。 萨米,我错了 在JSF中使用jquery插件时必须记住两件事 <h:outputSt

我正在使用PWI Picasa Webalbum Integrator这是一个Jquery插件来获取照片。它部分地起作用了。我可以将照片放在面板内的xhtml页面上,但当我单击它时,它会在中心布局后面打开图片,因此除了布局部分之间的几毫米之外,我看不到它们:

图片:

我不知道如何开始解决这个问题,如果有人有时间做这种愚蠢的事情,我非常感激。我正在使用Primefaces 3.2和PWI的最新版本2.0。 萨米,我错了

在JSF中使用jquery插件时必须记住两件事

<h:outputStylesheet library="css" name="pwi.css"  />
<h:outputScript library="js" name="jquery.pwi.js" />
你必须使用那些标签。我只对它们使用了h:outputScript,看起来还行,但当然不行,生成的html也不行

另一件事是:

 <h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />
我将jquery与Primefaces中的is一起使用,如果没有它,jquery版本之间会发生冲突,或者pwi根本找不到jquery。至少我这么认为:没有,一切都很好,所以我很高兴


Sami

听起来布局面板上的z索引样式高于PWI显示的照片的z索引。我对PWI不太了解,但也许你可以注入一个Javascript,为照片元素设置更高的样式?谢谢你的评论!我取下了fancybox,所以我现在使用的是纯PWI。现在,它会在一个新窗口中打开一张照片。这更好,但还没有解决:继续……我认为Primefaces Jquery与PWI Jquery是造成这种情况的原因,而使用scritps和css对于JSF来说并不是那么简单。
 <h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />