与JS冲突 - 目标首先扩展器而不是单击的扩展器

Conflict with JS - targets first expander and not the one clicked.

本文关键字：扩展器 单击 冲突 JS 目标      更新时间：2023-09-26

我有一个链接，点击时会展开以显示一个div - 但是，如果我在一个页面上有多个，如果我点击例如。 第三个，它将打开顶部。如何定位点击的那个，而不是页面上的第一个/最高的。

 $("body").on("click", ".show-hidden", function() {
var $link = $(this);
var $slidingElement = $($link.attr("href"));
if( !$slidingElement.is(':animated') ) {
  $link.toggleClass("shown");
      $slidingElement.slideToggle( 700 );
  }
return false;

JSFiddle： http://jsfiddle.net/TrueBlueAussie/j4wDL/1/

这个有效。你能解释一下你的布局与我提供的模型有什么不同吗？

$(document).on("click", ".show-hidden", function () {
    var $link = $(this);
    var $slidingElement = $($link.attr("href"));
    if (!$slidingElement.is(':animated')) {
        $link.toggleClass("shown");
        $slidingElement.slideToggle(700);
    }
    return false;
});

最可能的原因是不正确的 href，因为它们需要包含有效的 JQuery 选择器（例如 href="#one" ）

相关文章：