我想通過Ajax

Question

得到foreach循環特定的圖片ID在笨我想從foreach循環話，我想利用這個值到另一個頁面

<?php foreach($portfolio_image as $image):?> 
    <h3><?=$image->portfolio_image_title?></h3> 
    <p><?=$image->portfolio_image_detail?></p> 
    <a id="lin" href="#portfolio-si" data-id="<?=$image->portfolio_image_id?>"> 
<?php endforeach;?> 

<script> 
     $(document).ready(function(){ 
      $('#lin').click(function(evt){ 
       evt.preventDefault() 
        $.ajax({ 
         type : 'POST', 
         url : "<?=base_url();?>index.php/home/single_portf", 
         data : {id:$('#lin').attr('data-id')}, 
         cache : false, 
         success: function(data){ 
          $('#portfolio-sig').html(data); 
         } 
        }); 
     }); 
</script> 

Answer 1

您可以使用class="lin"像得到的圖像的特定記錄波紋管：

<a id="lin" class="lin" href="#portfolio-si" data-id="<?=$image->portfolio_image_id?>"> 

變化的onclick jQuery的像波紋管功能：

$('.lin').click(function(evt){ 

然後使用jquery像$(this)方法波紋管：

data : {id:$(this).attr('data-id')}, 

所以，最後：

<?php foreach($portfolio_image as $image):?> 
    <h3><?=$image->portfolio_image_title?></h3> 
    <p><?=$image->portfolio_image_detail?></p> 
    <a id="lin" class="lin" href="#portfolio-si" data-id="<?=$image->portfolio_image_id?>"> 
<?php endforeach;?> 

<script> 
$(document).ready(function(){ 
    $('.lin').click(function(evt){ 
     evt.preventDefault(); 
     var id = $(this).attr('data-id'); 

     $.ajax({ 
      type : 'POST', 
      url : "<?=base_url();?>index.php/home/single_portf", 
      data : {id: id}, 
      cache : false, 
      success: function(data){ 
       $('#portfolio-sig').html(data); 
      } 
     }); 
    }); 
}); 
</script>