链接到另一页上的bootstrap模式

时间:2017-09-13 14:44:46

标签: php wordpress

我有一个网站,其中所有人的生物以模式弹出,模板-bat.php上的代码设置如下

<div class="tem_pic" id ="<?php echo $p->ID ?>" data-toggle="modal" data-target="#leader-modal-<?php echo $p->ID; ?>"

然后我在template-homepage.php上有一个调用某些人的滑块。我希望那些滑块能够进入团队页面,然后打开相应人物的生物

<a class="slide_logo white_right_arrow" data-target="#leader-modal-<?php echo $p->ID; ?> href="/team"></a>

当我到达页面时,我无法弹出模式。

1 个答案:

答案 0 :(得分:0)

这可以通过PHP和JS的组合来实现。假设您的template-team.php已分配给https://example.com/team。现在,为了弹出团队的生物模态,我们创建了https://example.com/team?m=Junaid(m为成员)的URL

使用以下代码,我们可以根据页面加载时的URL参数弹出一个模态。

<?php if ( isset($_GET['m']) ) : ?>
<?php // I'll skip how to open a specific modal, I think you're separating those with team member ID or whatever ?>
    <script>
        jQuery('window').on('load', function(){
            // to open a modal in JS
            jQuery('#target-modal-ID').modal('show');
        });
    </script>
<?php endif; ?>

在JS加载后将此代码放在template-team.php中。根据您的要求自定义和修改代码。