链接没有'；t使用jquery'；选项卡+；手风琴'；

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

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

我试图修复的live站点就在这里--您会注意到选项卡区域中的“查找更多”按钮没有点击。它们可以悬停，但单击它们不会起任何作用

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

---

我已经问过开发者这个问题，因为这是一个付费插件，但他没有回答。有人能帮忙吗？

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

在“官方”的演示页面上，这个问题也可以被注意到，但是他们巧妙地格式化了第一个选项卡，这样它就不会被下面的图片覆盖

---

编辑：测试live网站时，我发现更改

.js.tabs>部分

选择器的

可见性：隐藏至<代码>显示：无和更改
.tabs>部分[aria expanded=“true”]
选择器的
可见性：可见至<代码>显示：块解决了问题。你可以试试。看起来“冒泡”问题可能会起作用，所以请同时尝试这个和另一个答案。
如果是冒泡问题，那么文档
末尾的以下脚本可能会解决它


$（窗口）.on（'load'，function（）{
$（“.buttonLRG”）。在（'click'，函数（e）上{
e、 预防默认值（）；
e、 停止传播（）；
e、 停止即时复制（）；
location.href=$（this.attr（'href'）；
});
});

或者，可能

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


$（窗口）.on（'load'，function（）{
$（“div.tabs”）。在（'click'，.buttonLRG'，函数（e）上{
e、 预防默认值（）；
location.href=$（this.attr（'href'）；
});
});

或：


$（函数（）{
$（文档）.on（'click'，“.buttonLRG”，函数（e）{
e、 预防默认值（）；
location.href=$（this.attr（'href'）；
});
});

或：


$（函数（）{
$（文档）。在（'click'，'section[role=“tabpanel”]”上，函数（e）{
警惕（“至少我们正在处理点击”）；
e、 预防默认值（）；
var$button=$（“.buttonLRG”）.filter（“：可见”）；
location.href=$button.attr（'href'）；
});
});
在David和Beetroot非常感谢的帮助下，探索了各种途径，结果与jquery ui“tabs”脚本发生冲突。开发人员告诉我删除以下内容：

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


});

来自custom.js

我猜插件需要为它们的元素提供更独特的名称

谢谢大家。
谷歌Chrome 23.0.1271.97M版中提供的示例对我来说效果很好。真的吗？“内部设计”选项卡中的“查找更多”按钮实际上会点击进入一个新页面？Aaron，你能具体说明一下，哪些链接不适合你吗？请允许我发布一个视频，等等。好的，我在测试页面上重命名了链接，而链接2到5在Chrome中不可点击/悬浮，FF或safari。啊，遗憾的是，这在现场不起作用。它将在“嵌套实例”选项卡中停止容器，并将图像包装到正确的高度。该死！怎么没有人注意到这个插件的错误？！再次谢谢你！很乐意帮忙。你真的应该通知开发商。正如我所说，我已经通知了，但我想他还没有回复我，因为现在是假日季节。遗憾的是，我有一个最后期限。我很乐意花英镑请人修理，但不知道谁能帮忙@Aaron你能从现场内容创建一个zip吗？这是一个Wordpress网站，所以这几乎是不可能的！我试过了，它就在这里：它在更大的宽度上是一团糟的，因为有响应性的东西（我想），但是如果你把窗口调整到900px，让它变成手风琴，你可以重新创建问题，看到链接没有点击通过。这是因为内容与链接重叠。这并不能解决问题，因为，由于重叠，点击事件无法触发。我只是尝试了一下，但没有成功！谢谢你试着帮助我，我真的很感激。啊哈，所以这是一个叠加问题，不是冒泡吗？@beetrootbeetroot，就我所知。别忘了标记它！亚伦四周都松了一口气。嘿，让我们明天再做一次…@甜菜根甜菜根不吃xD怎么样
<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>

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


});