15

Twitter Bootstrap 2.0.2 (http://twitter.github.com/bootstrap) で Primefaces 3.2 (おそらく一般的に JSF に関連している) を使用しようとしています。

starter-example (http://twitter.github.com/bootstrap/examples/starter-template.html) に、次のスクリプトを含むドロップダウン メニューを追加しました<h:head>。

<script src="/resources/js/bootstrap.js"></script>  
<script src="/resources/js/jquery-1.7.2.js"></script>
<script src="/resources/js/bootstrap-dropdown.js"></script>

これは JSF ページでは問題なく動作しますが、単純なp:dataTable

<p:dataTable var="i" value="#{testBean.list}">
  <p:column>
    <f:facet name="header"><h:outputText value="Item"/></f:facet>
    <h:outputText value="#{i}"/>
  </p:column>
</p:dataTable>

ドロップダウン メニューが機能しなくなりました。JavaScript に関連していると思いますが、このバグをどこで検索すればよいかわかりません。

4

3 に答える 3

8

まず第一に、h:outputScriptjsファイルをロードするために使用する方が良いです...

私は、primefaces jqueryと手動で含まれているものとの間の競合の原因だと思います...

PrimeFaces 3.2 には jQuery 1.7.1 が付属しているため、...

を取り外します

<script src="/resources/js/jquery-1.7.2.js"></script>あなたのコードから

<h:head>要素で次の方法でインクルードを変​​更します

<f:facet name="first">
  <h:outputScript library="js" name="bootstrap.js"/>
</f:facet>
<h:outputScript library="primefaces" name="jquery/jquery.js"/>
<h:outputScript library="js" name="bootstrap-dropdown.js"/>

JQuery Conflicts with Primefaces もご覧ください。および関連するリソースの順序付け。

于 2012-04-18T08:14:12.290 に答える
1

JQuery を 2 回インクルードしています (Primefaces は自動的にインポートします)。手動インポートを削除します。

<script src="/erp/resources/js/jquery-1.7.2.js"></script>

そしてすべてがうまくいくはずです。

于 2012-04-18T08:21:16.447 に答える