3

我是新来的——到处寻找答案却找不到。

我正在使用来自 Codecanyon 的这个很棒的 tabs+accordion 插件，但是我试图放入内容区域的链接不起作用。

我正在尝试修复的实时站点在这里 - http://lrg-international.com/site/ - 您会注意到选项卡区域中的“了解更多”按钮没有点击。它们可以悬停，但单击它们不会执行任何操作。

谁能告诉我为什么此测试页面上“响应式”选项卡中“链接 1”之后的所有链接都不可点击/悬停？似乎与块级元素有关，但我可能完全走错了路。

我已经向开发人员询问过这个问题，因为它是一个付费插件，但他没有回复。任何人都可以帮忙吗？

4

3 回答 3

3

在 David 和 Beetroot 的大力帮助下，探索了各种途径，结果证明它与 jquery-ui 'tabs' 脚本发生冲突。开发人员告诉我删除这个：

jQuery(document).ready(function(){ 
jQuery(function() { 
jQuery(".tabs").tabs(".panes > div"); 
}); 


});

来自 custom.js

Guess 插件需要为它们的元素提供更多独特的名称！

感谢大家。

于 2012-12-31T01:09:45.583 回答
1

如果这是一个冒泡问题，那么文档末尾的以下脚本<head> 可能会解决它。

<script>
$(window).on('load', function() {
    $(".buttonLRG").on('click', function(e){
        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();
        location.href = $(this).attr('href');
    });
});
</script>

或者，可能

<script>
$(window).on('load', function() {
    $("div.tabs").on('click', ".buttonLRG", function(e){
        e.preventDefault();
        location.href = $(this).attr('href');
    });
});
</script>

或者 ：

<script>
$(function() {
    $(document).on('click', ".buttonLRG", function(e) {
        e.preventDefault();
        location.href = $(this).attr('href');
    });
});
</script>

或者 ：

<script>
$(function() {
    $(document).on('click', 'section[role="tabpanel"]', function(e) {
        alert("at least we're handling the click");
        e.preventDefault();
        var $button = $(".buttonLRG").filter(":visible");
        location.href = $button.attr('href');
    });
});
</script>
于 2012-12-30T22:41:57.083 回答
0

在您的可下载示例中，问题似乎是元素在当前显示的内容“下方”移动，但仍会阻止该区域中嵌入内容的交互。

在“官方”演示页面上，也可以注意到该问题，但他们巧妙地格式化了第一个选项卡，因此它不会与下面的图像重叠。

编辑：测试实时网站我发现将.js .tabs > section选择器 更改visibility: hidden;为display: none;并更改.tabs > section[aria-expanded="true"]选择器visibility: visible;以display: block;解决问题。你可以试试。似乎“冒泡”问题可能会起作用，因此请同时尝试这个和另一个答案。

于 2012-12-30T22:10:54.563 回答