如何使整个DNN 7容器/ HTML模块成为链接?

时间:2014-03-21 12:06:27

标签: dotnetnuke containers

我的DNN皮肤有一些漂亮的容器。我可以将HTML模块放到页面上并将容器应用到它上面。我可以在HTML模块的内容中添加一个链接,但我真正想做的是使整个容器/模块区域成为另一个页面的链接 - 实际上就好像它是一个很棒的大按钮。我该怎么做呢?

1 个答案:

答案 0 :(得分:1)

当然,当我发布问题时,我找到了一种方法,但仍然有兴趣知道这是否是"对"方式甚至是好的"方式。

我的解决方案是获取容器.ascx的副本并添加一个" onlick"到外部DIV,后者又使用JQuery来定位第一个标签并导航到href。

    <div class="Container-1 Container-1-color1" 
     onclick="window.location.href = $('a:first',this).attr('href')">

注意:使用window.location.href,而不是JQuery .click().trigger('click'),因为这会产生无限循环。

然后我添加了一些CSS来显示鼠标悬停在容器上时可以执行的操作:

.Container-1:hover 
{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
border:1px solid gray;
}