聚合物+ jquery网格
聚合物+ jquery网格
提问于 2016-02-21 20:49:44
我正在尝试用jquery创建一个聚合物组件。下面是这个组件的基本shell。
<link rel="import" href="../bower_components/polymer/polymer.html">
<dom-module id="grid-layout">
<style>
ul {
list-style-type: none;
}
li {
background-color: #FF0000
}
</style>
<template>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1"></li>
<li data-row="2" data-col="1" data-sizex="1" data-sizey="1"></li>
<li data-row="3" data-col="1" data-sizex="1" data-sizey="1"></li>
<li data-row="1" data-col="2" data-sizex="2" data-sizey="1"></li>
</ul>
</div>
</template>
<script>
Polymer({
is: 'grid-layout',
attached: function() {
this.async(function() {
$(".gridster ul").gridster({
widget_margins: [10, 10],
widget_base_dimensions: [150, 150]
});
});
}
});
</script>
</dom-module>我试着用它作为
<body class="fullbleed layout vertical">
<paper-drawer-panel force-narrow>
<div drawer>
<paper-menu>
<paper-item>Item 1</paper-item>
<paper-item>Item 2</paper-item>
</paper-menu>
</div>
<div main>
<paper-toolbar>
<iron-icon icon="menu" paper-drawer-toggle></iron-icon>
</paper-toolbar>
<grid-layout></grid-layout>
</div>
</paper-drawer-panel>
</body>我遇到的问题是抽屉面板在jquery webcomponent下滑动，而不是在jquery webcomponent下面滑动。我是不是jquery+polymer抓到你了？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-02-21 22:45:57
Gridster声明它的行是z-index: 2，因此高于标准的堆叠平面。你可以用
.gridster .gs-w {
z-index: 0;
}但我不知道他们为什么要这么做，所以改变z指数可能会有其他副作用。
http://jsbin.com/kiziho/edit?html,output
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35541850
复制相关文章
相似问题
腾讯云开发者
