Question

我的程序的目的是使用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尝试了以下代码行，但它在另一个页面中打开了正确的视图内容，但没有打开到彩色框中。

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

Answer 1

使用href选项调用colorbox，如

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

和这一行

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

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

详细了解href选项。

如何在没有任何点击的情况下自动启动彩盒？

1 个答案: