Jquery刪除類問題

我已經創建了一個全局Jquery，通過我的頁面添加和刪除各種元素的類切換功能。 JsFiddle Jquery刪除類問題

toggle類顯示覆蓋原始div的隱藏div。在疊加層中，我創建了一個關閉按鈕，試圖去除隱藏的div。

我在使用關閉按鈕刪除切換類時遇到了輕微問題。下面是我的代碼

$('.details-btn').click(function(){ 
      var $panel = $(this).closest('.square').find('.i-panel'); 
      if ($panel.hasClass('inactive')) { 
       $('.square .i-panel').addClass('inactive'); 
       $panel.removeClass('inactive'); 
       } else { 
        $panel.addClass('inactive'); 
       } 
     });

HTML

<div class="item-container small-6 relative"> 

        <div class="square"> 

         <span class="exclusive-tag-3 cap-txt absolute"> 
         <p class="absolute">New</p> 
         </span> 

         <img src="http://myjpg"> 



         <div class="item-details"> 




          <ul> 
           <li class="small-5"> 
            <p>ICON</p> 
           </li> 

           <!-- INFO BTN --> 

           <li class="small-5 details-btn"> 
            <i class="fa fa-info-circle">OPEN</i> 
           </li> 

           <!-- INFO BTN ENDS --> 
          </ul> 

         </div> 



         <div class="d-hidden i-panel inactive absolute"> 


          <article class="global-padding"> 



          </article> 

          <footer class="absolute"> 

           <ul class="global-padding"> 

            <li class="small-5"> 
             <a> 
              <p class="heading-5">Details</p> 
             </a> 
            </li> 
            <li class="small-3"> 
             <a> 
              <p class="heading-5"> 
               <i class="fa fa-envelope-o">SEND</i> 
              </p> 
             </a> 
             </li> 
            <li class="small-3"> 
             <a> 
              <p class="heading-5"> 
               <i class="fa fa-times">close</i> 
              </p> 
             </a> 
            </li> 

           </ul> 

          </footer> 

         </div> 



        </div> <!-- SQUARE ENDS HERE --> 


       </div> <!-- ITEM-CONTAINER ELEMENTS ENDS -->

來源

2015-09-03 NewBoy

這個小問題是什麼？ – 1252748

@ thomas關閉按鈕不會刪除隱藏的div類:) – NewBoy

您沒有關閉按鈕點擊處理程序，所以只能打開按鈕被觸發類切換，你需要添加類details-btn到關閉按鈕，或者創建一個新的點擊處理程序。

嘗試

<p class="heading-5 details-btn"> 
    <i class="fa fa-times">close</i> 
</p>

來源

2015-09-03 00:50:36 Kiz

呵呵？對不起，我沒有關注 – NewBoy

你的jQuery函數替換

<p class="heading-5"> 
    <i class="fa fa-times">close</i> 
</p>

當您單擊有它的類的細節，BTN的元素上觸發，因此，你必須添加類的詳細信息，BTN到你的關閉按鈕是這樣的：

<i class="fa fa-times details-btn">close</i>

來源

2015-09-03 01:02:33 PZMAVEN

Jquery刪除類問題

回答

相關問題