Question

我有一个页面，其中包含从mysql数据库中提取的公司列表。每个公司名称都是一个链接，点击后会出现一个叠加层，其中包含该特定公司的更多详细信息。

一切正常......我的列表已创建，链接会拉出叠加层，但截至目前，它只会填充最后一条记录的公司信息。我知道我需要将记录id传递给jquery，以便它为所点击的名称提取记录，但我对jquery不太熟悉，无法弄明白。我相信我需要将它传递给参数，但需要在正确的方向上轻推。下面是我当前的代码，只有基础知识，我已通过链接中的mid="<?php echo $member->member_id; ?>">传递了每条记录的唯一ID ...我只需将其传递给叠加层。

<p>
<li><a href="#" class="modalInput" rel="#profile2" mid="<?php echo $member->member_id; ?>"><?php echo $member->company_name; ?></a>
</li>

</p>



<!-- Profile Overlay -->
<div class="modal2" id="profile2">


    <dl>
        <dt>Address:</dt>

        <dd><?php echo $member->address_city; ?>

        <dt>Phone Number:</dt>
        <dd><?php echo $member->phone; ?></dd>

    </dl>

    <!-- close button -->
    <p>
        <button class="close"> Close </button>
    </p>
</div>

<script>

$(document).ready(function() {

var triggers = $(".modalInput").overlay({


    // mask tweaks
    mask: {
        color: '#ebecff',
        loadSpeed: 200,
        opacity: 0.9
    },

    closeOnClick: false
});


});

</script>

根据从数据库中提取的id更改叠加层的内容

0 个答案: