奇怪的臭虫链接不jQuery的工作“标签+手风琴” [关闭](Weird bug where lin

2019-07-17 17:23发布

我是新来的 - 到处去寻找一个答案,不能找到一个。

我使用这个伟大的标签+手风琴插件从Codecanyon,但链接我试图把在区域不工作的内容。

我试图修复直播现场就在这里- http://lrg-international.com/site/ -你会发现“了解更多”的选项卡区域按钮无法点击。 它们可以徘徊,但单击它们什么都不做。

谁能告诉我为什么“响应”选项卡中的这个测试页上的“链接1”毕竟链接无法点击/ hoverable? 似乎是块级元素是相关的,但我可能是完全在错误的轨道上。

我询问了开发商,因为它是一个支付插件,但他并没有回答。 任何人都可以帮忙吗?

Answer 1:

从大卫和甜菜大加赞赏的帮助后,探索各种途径,它竟然是用一个jQuery UI的“标签”脚本冲突。 开发商告诉我删除此:

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:

在你下载的例子,这个问题似乎是该元素在该地区移动当前显示的内容“下”,但还是防止相互作用在嵌入的事情。

在“官方”演示页,问题可以注意到为好,但他们巧妙地格式化的第一个选项卡,因此没有充分利用其下的图像overlepped。

编辑:测试直播网站,我发现改变.js .tabs > section选择的visibility: hidden;display: none; 以及改变.tabs > section[aria-expanded="true"]选择器的visibility: visible;display: block; 解决了这个问题。 你可以试试。 它似乎就像是,“冒泡”的问题可能会发挥作用,所以尽量都这和对方的回答在一起。



文章来源: Weird bug where links don't work in jquery 'tabs+accordion' [closed]