jquery - 链接可点击但什么都不做

标签 jquery html css wordpress

<分区>


关闭 9 年前

  • 这个问题似乎是题外话,因为它缺乏足够的信息来诊断问题。更详细地描述您的问题或include a minimal example在问题本身。
  • 关于您编写​​的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

我正在处理带有动画链接的页面。参见 this page 问题出在网格中的那些 block 中。当您将鼠标悬停在上方时,您可以单击下方的链接图标。它链接到特定的帖子,但它什么也不做。但是我可以右键单击它然后打开页面。

我尝试了几种方法,例如更改 z-index 和 div 的位置,但我无法让它工作。这是 CSS 问题还是可能在 jQuery 的某个地方?

谢谢。

最佳答案

li 正在捕获从链接冒出的事件。该插件假定 li 中的任何点击都是“选择”它。通过在单击之前查看 li 上的类列表可以明显看出这一点:

item col3 posttype1 check-trio category-2 category-3 geen-categorie catergory-1 tag-1 tag-2 tag-3 tag-4 isotope-item

与之后

item col3 posttype1 check-trio category-2 category-3 geen-categorie catergory-1 tag-1 tag-2 tag-3 tag-4 isotope-item selected

注意在末尾添加了选定的类。

您正在使用的 jQuery 插件将对您的元素的点击解释为点击以选择该元素。您需要将您的特定插件配置为不拦截这些点击,或者,如果不可能,您自己明确捕获链接点击并在它冒泡到插件之前处理它。

做后者的一种方法是(未经测试)

$(document).on('click', '.dpf-items .item a', function(event)
{
  // manually change location, because isotope is intercepting clicks
  location.href = $(this).attr('href');

  return false;
});

确保在连接同位素之前连接上述内容。

关于jquery - 链接可点击但什么都不做,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19983336/

上一篇:css - @font-face CSS 属性无效

下一篇:html - 使 CSS 主题响应

相关文章:

javascript - jQuery 数据 ID 未定义

jquery - 如何为列表实现 block 样式

javascript - 如何在没有抗锯齿的情况下调整 Canvas 大小?

javascript - jQuery 打开最后一个类弹出窗口

javascript - 将重复的 JQuery 代码转换为干净的代码

css - 什么过渡属性用于转换?

javascript - 将数组作为对象的一部分传递给 Ajax 调用

jquery - 切换盲+幻灯片效果在 Jquery 中不起作用

javascript - 如何发送php选择框值?

html表格滚动颜色