Question

我在使用Primefaces设置按钮时遇到问题。我看到了其他一些帖子 How to use jQuery and jQuery plugins with PrimeFaces 有类似的问题，没有得到任何结果。

下面是代码示例：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <f:view locale="#{templateManager.userLocale}">
        <h:head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title>#{msgs['report.title']}</title>
            <h:outputStylesheet name="ssl-common.css" library="css"/>
            <h:outputStylesheet name="final.css" library="css"/>
            <link href="#{resource['img:favicon.ico']}" rel="icon"/>
            <h:outputScript library="primefaces" name="jquery/jquery.js" />

        </h:head>
        <body id="reportList">
            <ui:include src="../WEB-INF/header.xhtml" />
            <section>
                <h:form prependId="false">
                    <nav>
                        <div id="actionBar">
                            <div class="wraper">
                                <hgroup>
                                    <h1>#{msgs['report.title']}</h1>
                                </hgroup>
                                <div id="subMenu" style="padding: 10px">

                                    <script>
                                        $(function() {
                                            $("#radio").buttonset();
                                        });
                                    </script>

                                    <div id="radio">
                                        <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
                                        <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
                                        <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </nav>

       (...)

            <h:outputScript library="js" name="common.js"/>
            <h:outputScript library="js" name="script.js"/>
            <h:outputScript library="js" name="primefacesLocalePT-PT.js" />
            <!--<h:outputScript library="js" name="jquery-ui-1.8.2.js" />-->
            <script src="http://maps.google.com/maps/api/js?sensor=true&amp;language=#{templateManager.userLocale}" type="text/javascript"/>
        </body>
    </f:view>
</html>

使用此代码我收到错误：

TypeError：$（...）。buttonset不是函数 [打破此错误]

$（ “＃无线电”）buttonset（）;

有没有人有类似的问题？

Answer 1

您还需要包含jQuery UI。现在，脚本标签被注释掉了。

有Jquery和Primefaces的问题

1 个答案: