使用jquery css進行命令鏈接

代碼如下我面臨什麼問題？我想jQuery按鈕幻燈片工作在JSF代碼中的命令鏈接。我嘗試了所有的選擇，但沒有得到適當的輸出。 jQuery的：使用jquery css進行命令鏈接

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

來源

2013-06-20 user2446821

是生成所有的HTML？你能發佈完整的HTML嗎？我的意思是，在地點列表中，表格...動畫代碼看起來不錯，問題僅在JSF部分，因爲JQuery隻影響HTML生成的代碼 – TCHdvlp

你的JSF代碼沒有任何意義。 <c:forEach class>？ <h:commandLink render>？你看過tag documentations？

以任何方式，只要你實際上問以下內容：

如何使用JSF <h:commandLink>，它最終會生成以下HTML輸出這樣的方式？
<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-20 12:47:57 BalusC

使用jquery css進行命令鏈接

回答

相關問題