0

我的程序的目的是打开一个带有 JQuery 单击链接的颜色框。

这是代码：

<a href="<?= $html->url(array('controller' => 'competitions', 'action' => 'index')) ?>" class="game-popup">
    <?= $this->Html->image('image-link.jpg') ?>
</a>
<script type="text/javascript">
$(document).ready(function(){
  $('.game-popup').colorbox({'iframe':true, 'width':'690px', 'height':'670px'});
});
</script>

此代码完美运行。

现在由于另一个原因，我需要在没有任何点击的情况下自动打开一个具有特殊条件的颜色框。我尝试使用下面的代码，但无法访问我的控制器：

<a href="<?= $html->url(array('controller' => 'competitions', 'action' => 'index')) ?>" class="game-popup">
    <?= $this->Html->image('competition-galaxy-s3.jpg') ?>
</a>
<script type="text/javascript">
$(document).ready(function(){
  $.colorbox({'iframe':true, 'width':'690px', 'height':'670px'});
  document.location.href="/ArgusDuMobile/competitions/index";
});
</script>

代码行$.colorbox似乎很好，因为当我刷新页面时，颜色框正在打开但没有其内容。为了与控制器建立链接，我尝试了以下代码行，document但它在另一个页面中打开了正确的视图内容，但没有进入颜色框。

有人可以帮助我吗？提前感谢您的回答。

4

1 回答 1

1

href使用类似选项调用颜色框

$.colorbox({ href: '/ArgusDuMobile/competitions/index',
            'iframe':true, 'width':'690px', 'height':'670px'});

这条线

document.location.href="/ArgusDuMobile/competitions/index";

将重定向到该页面不会将其加载到颜色框中，因此请删除它。

阅读更多关于href选项的信息。

于 2012-07-04T08:32:24.900 回答