我是新来的 - 到处去寻找一个答案,不能找到一个。
我使用这个伟大的标签+手风琴插件从Codecanyon,但链接我试图把在区域不工作的内容。
我试图修复直播现场就在这里- http://lrg-international.com/site/ -你会发现“了解更多”的选项卡区域按钮无法点击。 它们可以徘徊,但单击它们什么都不做。
谁能告诉我为什么“响应”选项卡中的这个测试页上的“链接1”毕竟链接无法点击/ hoverable? 似乎是块级元素是相关的,但我可能是完全在错误的轨道上。
我询问了开发商,因为它是一个支付插件,但他并没有回答。 任何人都可以帮忙吗?
从大卫和甜菜大加赞赏的帮助后,探索各种途径,它竟然是用一个jQuery UI的“标签”脚本冲突。 开发商告诉我删除此:
jQuery(document).ready(function(){
jQuery(function() {
jQuery(".tabs").tabs(".panes > div");
});
});
从custom.js
猜猜插件需要拿出他们的元素更独特的名字!
感谢大家。
如果它是一个冒泡的问题,那么下面的脚本,在文档的结束<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>
在你下载的例子,这个问题似乎是该元素在该地区移动当前显示的内容“下”,但还是防止相互作用在嵌入的事情。
在“官方”演示页,问题可以注意到为好,但他们巧妙地格式化的第一个选项卡,因此没有充分利用其下的图像overlepped。
编辑:测试直播网站,我发现改变.js .tabs > section
选择的visibility: hidden;
到display: none;
以及改变.tabs > section[aria-expanded="true"]
选择器的visibility: visible;
到display: block;
解决了这个问题。 你可以试试。 它似乎就像是,“冒泡”的问题可能会发挥作用,所以尽量都这和对方的回答在一起。