在Jquery 1.12.4更新后,单击顶部的下拉菜单打开

时间:2019-11-04 15:09:18

标签: jquery html angularjs jquery-ui drop-down-menu

我有一组按钮,单击后会打开一个菜单。最近,我们从Jquery 1.11更新到了Jquery1.12.4。此更新后,无论何时单击菜单,菜单都会在顶部打开,与按钮无关,并且按钮宽度会减小。当检查时,连机身高度都显示出658px固定,没有任何原因。我没有在应用程序中的任何地方给出任何固定的高度。当我尝试将身高设为500vh时,效果很好。

我试图以min-height:100vh增加身高,但仍然无法正常工作,仍然保持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未捕获的TypeError:无法读取null的属性'jquery'

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)

1 个答案:

答案 0 :(得分:0)

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