Yii TbCarousel onclick 链接

【问题标题】：Yii TbCarousel onclick linkYii TbCarousel onclick 链接
【发布时间】：2014-01-31 04:48:35
【问题描述】：

我正在使用 Yii 开发一个网络应用程序。我已经在我的首页设置了一个轮播视图（这个轮播是一个名为 Tbcarousel 的引导程序的小部件）想要让它 onclick 即当我点击轮播图像时，它应该转到一个网页，我尝试了以下代码但是没变。欢迎提供有用的想法。

        array('image'=>'images/2.png', 'label'=>'',
        'caption'=>' ',
        'url'=>'www.fortishealthcare.com',
        'src' => 'http://www.fortishealthcare.com',            
        'linkOptions' => array(
        'title' => 'Yii Booster',
        ),

【问题讨论】：

你需要目标 url 常量吗？意味着对于每个图像页面应该重定向到同一页面？
所有图像实际上都不同。

标签： twitter-bootstrap yii onclick carousel

【解决方案1】：

我认为 Tbcarousel 不提供这样的功能，但您可以轻松做到。可能还有其他可能的方法，但我建议我认为很容易的方法。
先把这段代码加到Tbcarosel

array('image'=>'images/2.png', 'label'=>'',
        'caption'=>' ',
        'src' => 'http://www.fortishealthcare.com',            
        'title' => 'Yii Booster',
         'imageOptions' => array('id'=>'www.fortishealthcare.com')
        ),

现在您可以使用 jquery。默认情况下，Tbcarousel 使用类carousel-inner。它的内部项目使用item 类。你可以这样写这个jquery代码

$(".item").click(function(){
  selectedImage = $(this).find('img');
url=$(selectedImage).attr('id');
window.location =url;
    });

由于图像的 id 是您所需的 url，因此它将页面重定向到该 url。

【讨论】：