kann keine href-Attribute mit JQuery erhalten

Question

Unten ist mein PHP-Code. Ich zeige 3 Bilder, wenn ich auf ein Bild oder Produkt klicke, muss ich das Produkt im Popup-Modal hinzufügen. Ich versuche, den Produktnamen zu erhalten, aber ich kann nicht. Wie man dieses Problem löst.

<?php 
    $i = 0; 
    while ($row = mysql_fetch_assoc($result)) 
    { 
     echo"<td style='background-color:#FFFFFF;' height='383'> 
       <a href='#myModal?productname={$row["productname"]} 'id='burl' role='button' data-productname='{$row["productname"]}' data-toggle='modal' data-target='#myModal'> 
        <img src='images/{$row["productname"]}.jpg' width='255'/> 
       </a> 
      </td>"; 
    } 
    mysql_free_result($result); 
?> 

JQuery Codierungen:

$(document).ready(function() { 
    $('#myModal').on('shown.bs.modal', function() { 
     console.log($(this).data('productname')); 
    }) 
}) 

Answer 1

$(document).ready(function() 
{ 
      $('#myPopup').on('show.bs.modal', function (e) 
{ 
       var rowid = $(e.relatedTarget).data('productname'); 
       alert(rowid); 
       $.ajax(
{ 
        type: 'GET', 
        url: 'fetch_data.php', //Here you will fetch records 
        data: 'productname=' + rowid, //Pass $id 
        success: function (data) 
{ 
         $('.fetched-data').html(data);//Show fetched data from database      
        } 
       }); 
      }); 
     }); 

This coding solved my problem. 
Thanks for all your reply. 

Answer 2

$(this) innerhalb modal Veranstaltung ist nicht Ihre klickten Elementinstanz, sondern die modale selbst. Sie sollten relatedTarget wie so verwenden:

$(document).ready(function() { 
    $('#myModal').on('shown.bs.modal', function (e) { 
              // ^--- Add here 
     var 
     relatedData = $(e.relatedTarget), 
     productname = relatedData.data('productname'); 

     console.log(productname); 
    }) 
})