我有我的目标 html 设置,但不确定如何实现以下目标;只是我希望能够选择多个过滤器选项,将关闭图像与复选框交换。
我正在使用backbone.js 在覆盖页面中完成所有这些工作。
这是我的代码:
HTML:
<div class="overlaymedia">
<div class='media-filter'>
<div class="media-nav" role='contentinfo'>
<div class="media-nav media-menu-container">
<h5 class="media-menu-heading close-overlay-btn">Media Type</h5>
<!-- Media Type: All/Photos/Videos -->
<div class="media-select-option media-all" data-href="">All</div>
<div class="media-select-option media-photos" data-href="">Photos</div>
<div class="media-select-option media-videos" data-href="">Videos</div>
<h5 class="media-menu-heading close-overlay-btn">Sort By</h5>
<!-- Sort By: Latest/Popular -->
<div class="media-select-option media-latest" data-href="">Latest</div>
<div class="media-select-option media-popular" data-href="">Popular</div>
<div class="media-menu-bottom close-overlay-btn">
<div class="overlay-close-btn bottom">Close</div>
</div>
</div>
</div>
</div>
</div>