Question

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

我正在使用Codecanyon的这个很棒的标签+手风琴插件，但我试图放在内容区域的链接不起作用。

我正在尝试修复的实时网站就在这里 - http://lrg-international.com/site/ - 您会注意到标签区域中的“了解更多”按钮没有点击。它们可以悬停，但点击它们什么都不做。

有人能告诉我为什么此测试页上“响应式”标签中“链接1”之后的所有链接都不可点击/可收回？似乎与块级元素有关，但我可能完全走错了轨道。

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

Answer 1

在得到David和Beetroot的大力赞赏之后，探索了各种途径，结果发现它与jquery-ui'tabs'脚本发生冲突。开发人员告诉我删除它：

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


});

来自custom.js的

猜猜插件需要为其元素提供更多唯一名称！

谢谢大家。

Answer 2

如果这是一个冒泡问题，那么文档<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>

Answer 3

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

在“官方”演示页面上，问题也可以被注意到，但是它们巧妙地格式化了第一个标签，因此它不会从它下面的图像中过度拍摄。

编辑：测试直播网站我发现将.js .tabs > section选择器visibility: hidden;更改为display: none;并更改.tabs > section[aria-expanded="true"]选择器{{1} } visibility: visible;解决了这个问题。你可以试试。看起来“冒泡”问题可能会发挥作用，所以一起尝试这个和其他答案。

链接在jquery'tabs + accordion'中不起作用的奇怪错误

3 个答案: