0

代码如下我面临什么问题？我希望 jquery 按钮幻灯片适用于 jsf 代码中的命令链接。我已经尝试了所有选择，但没有得到正确的输出。查询：

  <script type="text/javascript">
        $(function() {
            $('.button_bLeft').hover(
                function () {
                    var $this       = $(this);
                    var $slidelem   = $this.prev();
                    $slidelem.stop().animate({'width':'225px'},300);
                    $slidelem.find('span').stop(true,true).fadeIn();
                    $this.addClass('button_c');
                },
                function () {
                    var $this       = $(this);
                    var $slidelem   = $this.prev();
                    $slidelem.stop().animate({'width':'70px'},200);
                    $slidelem.find('span').stop(true,true).fadeOut();
                    $this.removeClass('button_c');
                }
            );
        });
    </script>

html代码-

        <a class="button_aLeft"><span>Sign In</span></a>
        <a class="button_bLeft">Sign</a>

JSF：

<td ><h:panelGrid columns="6" width="100%"  columnClasses="button_bLeft">
    <c:forEach items="#{collectionPlace}" var="places" class="button_aLeft">
    <c:if
        test="#{places.country eq allPlaces.country and places.regionName eq allState.regionName}">
                <h:commandLink action="#{placesManager.showDetail}"
                            value="#{places.cityName}" styleClass="b_one"                                                          
                                    render="panelgrp1,panel1:panelgrp3">
                                    <f:param name="cityid" value="#{places.placeid}" />
        </h:commandLink>
    </c:if>
    </c:forEach>
    </h:panelGrid>
    </td>
4

1 回答 1

1

您的 JSF 代码没有任何意义。<c:forEach class>? <h:commandLink render>? 您阅读标签 文档吗？

无论如何，只要您实际上是在问以下问题：

如何<h:commandLink>以最终生成以下 HTML 输出的方式使用 JSF？

<a class="button_aLeft"><span>Sign In</span></a>
<a class="button_bLeft">Sign</a>

那么答案是：

<h:commandLink styleClass="button_aLeft"><span>Sign In</span></h:commandLink>
<h:commandLink styleClass="button_bLeft">Sign</h:commandLink>
于 2013-06-20T12:47:57.157 回答