屬性更改不起作用

Question

我正在處理prettyphoto圖片庫。我需要製作一個包含「所有圖像」類別（包含所有圖像類別）和不同類別圖像（僅包含特定類別圖像）的圖庫。爲了達到這個目的，我試圖用jquery來改變鏈接的data-rel屬性。該代碼不起作用，我無法找出我做錯了什麼。 請幫忙，提前謝謝。

的javascript：

var data_filter = 'category';// value inserted from php 
//$('.test').html(data_filter);  
(function($){ 
$(document).ready(function(){ 
    $('.cms-isotope-grid-post').each(function(){ 
     $this = $(this); 
     $filter = $this.parent().find('.cms-grid-filter'); 
     $this.imagesLoaded(function(){ 
     $this.isotope({ 
      itemSelector:'.cms-grid-item', 
      layoutMode: 'fitRows', 
      filter: data_filter 
     }); 
     }); 
     $filter.find('a').click(function(e){ 
      e.preventDefault(); 
      $filter.find("a").removeClass('active'); 
      $(this).addClass('active'); 
      var data_filter = $(this).data('filter'); 
      // my code 
      $('.prettyphoto').data('rel', 'all'); 
      // end of my code 
      $this.isotope({ 
       filter: data_filter 
      }); 
     }); 
    }); 
}); 
})(jQuery); 

PHP：

         echo ' 
             <div class="cms-grid-item col-xs-12 col-sm-12 col-md-4 col-lg-4 portfolio-'.$image['category'].'"> 
              <div class="portfolio-wrapper muliples"> 
               <div class="entry-content"> 
                <div class="entry-media cms-blog-media cms-media overlay-wrap"> 
                 <img width="770" height="520" src="photo/'.$image['file'].'" alt="" /> 
                 <div class="overlay"> 
                  <div class="overlay-content"> 
                   <a class="icon circle prettyphoto" data-rel="prettyPhoto['.$image['category'].']" href="photo/'.$image['file'].'"> 
                    <i class="fa fa-search"></i> 
                   </a> 
                  </div> 
                 </div> 
                </div> 
               </div> 
               <div class="entry-header"> 
                <h4 class="entry-title"><a href="portfolio-detail.php">'.$image['name'].'</a></h4> 
                <div class="entry-meta cms-meta"> 
                 <ul class="list-unstyled list-inline"> 
                  <li class="detail-terms"> 
                   <a href="#">'.$image['name'].'</a>, <a href="#">'.$image['subtitle'].'</a> 
                  </li> 
                 </ul> 
                </div> 
               </div> 
              </div> 
             </div> 
             '; 

http://visand.pl/monaco/demo1/portfolio.php

Answer 1

嘗試使用：

$('.prettyphoto').data('rel', 'newvalue')