Jquery 1.12.4 更新后点击顶部下拉菜单打开

Posted 2023-05-09

【中文标题】Jquery 1.12.4 更新后点击顶部下拉菜单打开

【英文标题】：Dropdown Menu opens on the top on click after Jquery 1.12.4 update

【发布时间】：2020-02-29 22:18:57

【问题描述】：

我有一组按钮可以在点击时打开一个菜单。最近我们从 Jquery 1.11 更新到 Jquery1.12.4。在此更新之后，每当单击菜单时，无论按钮如何，菜单都会在顶部打开，并且按钮宽度会减小。当检查时，即使身体高度显示只有 658px 固定，没有任何理由。我没有在应用程序的任何地方给出任何固定的高度。当我尝试身体高度 500vh 时，效果很好。

我尝试用 min-height:100vh 增加 body 高度，还是不行，它保持 658px；

<div class="dropdown col-lg-12 claim-card-container">
<div class="claim-card-button-div" ng-repeat="record in wData.records">
<button class="btn btn-default dropdown-toggle claim-card" type="button" data-toggle="dropdown">
<div class="claim-card-header">
<p class="date">  record.Status  </p>
</div>
<div class="claim-card-body">
<div class="claim-card-body-information">
<p class="name">record.Name</p>
<div class="underline"></div>
</div>
</div>
</button>
<ul class="dropdown-menu">
<li ng-repeat="menuItem in record.ContextMenu.MenuItems">
<a tabindex="0" role="link" ng-click="contextMenuClicked(menuItemId: menuItem.Id, record: record)">menuItem.Text</a>
</li>
</ul>
</div>

它也在控制台中出现错误。

index.js:38 Uncaught TypeError: Cannot read property 'jquery' of null

at new t (index.js:38)
at c.t.toggle (dropdown.js:176)
at htmlButtonElement.<anonymous> (dropdown.js:374)
at Function.each (jquery-1.12.4.min.js:2)
at n.fn.init.each (jquery-1.12.4.min.js:2)
at n.fn.init.c._jQueryInterface [as dropdown] (dropdown.js:361)
at HTMLButtonElement.<anonymous> (dropdown.js:518)
at HTMLDocument.dispatch (jquery-1.12.4.min.js:3)
at HTMLDocument.r.handle (jquery-1.12.4.min.js:3)

【问题讨论】：

而不是jquery 试试jQuery - 它可能会解决你的身高问题。

它在 index.js 文件中给出错误。我不知道在哪里将 jquery 更改为 jQuery。这些都是库文件。

【参考方案1】：

我不知道这是答案，但它对我有用。您可以检查您的 Pooper.Js 版本。我将 Popper.js 更新为 1.14.6，现在已修复。希望这可能会有所帮助。