Question

这是我的CTP文件中的脚本，其中给出了fancybox的tigger链接。使用Fancybox我想显示在不同控制器中的Report Post表单。我如何在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')); ?>

在页面源链接中是这样的：

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

当我点击报告声明时，它会在fancybox中显示相同的页面

我对Javascript和东西知之甚少，但我需要实现它

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']，现在它正在完善

Cakephp和Fancybox实现

2 个答案: