所以我在屏幕右侧有一个菜单(只有图标),我想让图标在面板打开时随面板一起滑出。但我希望菜单在面板关闭时可见。一张图片将打开一个面板,另一张图片将打开另一个面板。
<div class="buttons right">
<a href="#rightpanel3" data-role="button" data-inline="true" class="filter">One</a>
<a href="#rightpanel1" data-role="button" data-inline="true" class="layers">Two</a>
<a href="#rightpanel2" data-role="button" data-inline="true" class="list">Three</a>
<a href="#rightpanel4" data-role="button" data-inline="true" class="settings">four</a>
</div>
<div data-role="panel" id="rightpanel3" data-position="right"
data-display="overlay" data-dismissible="false" data-theme="b">
<h3>Search/Filter</h3>
<h4 class="top heading">Search</h4>
<h4 class="heading">Filter</h4>
</div>
jsfiddle:jsfiddle.net/5GhPM
最佳答案
可能需要一些调整,但这有效:
$("#rightpanel3").on("panelopen", function() {
$(".buttons.right").animate({ marginRight: $("#rightpanel3").width() });
});
$("#rightpanel3").on("panelclose", function() {
$(".buttons.right").animate({ marginRight: -($("#rightpanel3").width()) });
});
事件记录在案 here .
关于javascript - 我如何使用我的 jquery 移动面板获得垂直菜单滑出?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16109724/