Question

I have this code

<?php
if(!empty($auction['Auc']['beginner'])){
?>   

<a href="#" id="trigger_beginner"><?= $html->image('badge/beginner_icon.png', array('width'=>"30", 'height'=>"30", 'border'=>"0", 'alt'=>"Beginner auction", 'title'=>"Beginner auc"))?></a>
<div class="tooltip">
    <label>Beginner</label>
    <label>For an explanation <a href="/pages/auct#beginner">please click here</a></label>
</div>
<script>
$(function() {
    $("#trigger_beginner").tooltip();
});
</script>

<?php
}
?>

Issue is when I have two auctions with same auction type for e.g like beginner in this case, then tooltip is only working for one auction. I want it to display tooltip on all similar auctions..

Answer 1

Change your code to use this:

<?php if(!empty($auction['Auc']['beginner'])){?>   
   <a href="#" class="trigger_beginner"><?= $html->image('badge/beginner_icon.png', array('width'=>"30", 'height'=>"30", 'border'=>"0", 'alt'=>"Beginner auction", 'title'=>"Beginner auc"))?></a>
   <div class="tooltip">
       <label>Beginner </label>
       <label>For an explanation <a href="/pages/auct#beginner">please click here</a></label>
   </div>
   <script>
       $(function() {
            $(".trigger_beginner").tooltip();
       });
   </script>
<?php } ?>

ID has to be unique so you need to use different IDs or a class instead.