php - 无法使用 JQuery 获取 href 属性

Question

下面是我的 PHP 代码。我正在显示 3 个图像，如果我单击任何图像或产品，我需要在弹出模式中添加该产品。我正在尝试获取产品名称，但无法获取。如何解决这个问题。

<?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 编码:

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

Answer 1

模态事件内的

$(this) 不是您单击的元素实例，而是模态本身。您应该像这样使用 latedTarget :

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

      console.log( productname );
   })
})