javascript - Cakephp and Fancybox implementation

Question

This is the script inside my CTP file where tigger link for fancybox is given. Using Fancybox i want to show Report Post form which is in different controller. How can i call that form inside fancybox?

<script type="text/javascript">
        $(document).ready(function() {


            $("a#example1").fancybox();

            $("a#example2").fancybox({
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'elastic',
            });
        });
</script>
<?= $this->Html->link('Report Claim',array('controller'=>'Claim','action'=>'flag','id'=>$details['Claim']['id']),array('id'=>'example2')); ?>

In page source link is like this :

<a href="/Report-Claim/83" id="example2">Report Claim</a>

When I click on report claim it shows same page inside fancybox

I don't know much about Javascript and stuffs but I need to implement it

Answer 1

使用 JsHelper 调用 Ajax 请求并使用接收到的数据更新 div，然后在 on-success 事件中显示 fancybox。

Answer 2

<script type="text/javascript">
        $(document).ready(function() {


            $("a#example1").fancybox();

            $("a#example2").fancybox({
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'elastic',
            });
        });
</script>
<?= $this->Html->link('Report Claim',array('controller'=>'Claim','action'=>'flag','id'=>$details['Claim']['id']),array('id'=>'example2')); ?>

我刚刚删除'id'=>$details['Claim']['id']，现在它工作完美