jquery，jsf集成不起作用。。！

我应该在点击ok链接时将一个div加载到一个模态对话框中。但这里的代码不起作用，可以有人帮忙

    <ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:rich="http://richfaces.org/rich"
xmlns:a4j="http://richfaces.org/a4j">
<h:head>

    <script src="JqueryLib/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="js/jquery-1.8.2.js"></script>
<h:outputStylesheet library="css" name="application_1.css"></h:outputStylesheet>
<h:outputStylesheet library="css" name="jquery-ui.css"></h:outputStylesheet>

<script>
$(document).ready(function(){
$("#viewDetails").click(function(){

$("#popup").dialog({
     modal: true,
    height: 400,
    width:600,
     buttons: {
     Ok: function() {
     $( this ).dialog( "close" );} }
});



})    
});
</script>
</h:head>
<h:body>

<ui:composition template="/template.xhtml">

            <ui:define name="title">my title</ui:define>



            <ui:define name="content">

                <div class="content2">

                    <div class="tabs">

                        <h1>Overview</h1>

                            <p>
                                test test
                            </p>

                        <f:view>

                            <h:form id="testForm">

                            <h:outputLink id="viewDetails" value="#">
                <h:outputText value="View Details"/>
            </h:outputLink>



            <h:panelGroup id="popup" class="popup" title="test Panel" layout="block" >

            </h:panelGroup>


                            </h:form>

                        </f:view>



                    </div>

                </div>

            </ui:define>

        </ui:composition>

</h:body>

</ui:composition>

$（文档）.ready（函数（）{
$（“#查看详细信息”）。单击（函数（）{
$（“#弹出窗口”）。对话框({
莫代尔：是的，
身高：400，
宽度：600，
按钮：{
好的：函数（）{
$（this.dialog（“close”）；}
});
})    
});
我的头衔
概述

测试

不确定这里出了什么问题，当我点击链接时，它应该会显示对话框，如果我用一个简单的jsf页面测试它，效果会很好，但不是这个页面。

<ui:composition ... xmlns:rich="http://richfaces.org/rich">
...
<script src="JqueryLib/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="js/jquery-1.8.2.js"></script>

...

您正在加载和混合4个不同的jQuery文件。这当然会失败，因为它们会相互冲突。您应该只拥有并使用一个jQuery文件。我建议坚持使用RichFaces捆绑版。去掉所有那些对jQuery的

引用

<ui:composition ... xmlns:rich="http://richfaces.org/rich">

如果您不能保证当前页面是否会使用RichFaces ajaxified组件，RichFaces绑定的jQuery将自动加载这些组件，那么您可以通过

<ui:composition ... xmlns:rich="http://richfaces.org/rich">
...
<h:outputScript name="jquery.js" />

...

请注意，您不需要提供自己的文件。

将自动从RichFaces JAR文件加载它

---

---

与具体问题无关，RichFaces有一个现成的解决方案。你看过它而不是在家里种植吗？

谢谢你的回复，但我们不使用RichFaces，即使它在那里，然后卸载RichFaces（以避免潜在的jQuery冲突），并提供一个jQuery文件，而不是三个。