0

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

您可以在布局部分之间看到其中一张照片

图片: http ://aijaa.com/0054410193073

Picasa 网络相册集成器

<script type="text/javascript">

  $(document).ready(function () {
    var settings = {
      username: 'TedTester'

      };
    $("#container").pwi(settings);
  });

</script>

    <p:panel>   
    <div id="container"> </div>
    </p:panel>
    </ui:define>
</ui:composition>

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

4

1 回答 1

0

我的错!

将 jquery 插件与 JSF 一起使用时必须记住的两件事。

<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" />

我在 Primefaces 中使用带有 is 的 jquery,没有它,jquery 版本之间会发生冲突,或者 pwi 根本找不到 jquery。至少我是这么认为的 :) 没有一切正常,所以我很高兴!

萨米人

于 2012-05-16T12:24:59.097 回答