禁用聚合物抽屉面板滑动

Question

我尝试了以下三种方式（在 html 标记中，使用 .attr() 和 .prop() ）但是由于 html 属性不区分大小写"disableSwipe" 和 "disableEdgeSwipe" 在代码中是小写的，Polymer 没有检测到它们。有人有解决办法吗？

<paper-drawer-panel id="paperDrawerPanel" force-narrow disableSwipe disableEdgeSwipe ></paper-drawer-panel>

$("#paperDrawerPanel").attr('disableSwipe', true);
$("#paperDrawerPanel").attr('disableEdgeSwipe', true);

$("#paperDrawerPanel").prop('disableSwipe', true);
$("#paperDrawerPanel").prop('disableEdgeSwipe', true);

Answer 1

这行不通，因为 HTML 中的属性不区分大小写。因此，当 Polymer 文档说 disableEdgeSwipe 时，您必须编写 disable-edge-swipe.

<paper-drawer-panel id="paperDrawerPanel" force-narrow disable-swipe disable-edge-swipe ></paper-drawer-panel>