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 Codings：

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

Answer 1

模态事件中的

$(this)不是你点击的元素实例，而是模态本身。您应该像relatedTarget那样使用：

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

      console.log( productname );
   })
})

Answer 2

 $(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.

无法使用JQuery获取href属性

2 个答案: