Jquery Mobile：像navbar一样的全宽按钮

Question

Jquery mobile 1.4.2

我一直在尝试使用导航栏在我的jquery移动页面顶部提供菜单按钮。

它看起来像这样，旨在在页面之间导航。但我真的只想在点击时激活一些弹出窗口或运行javascript来刷新页面。 看起来就像我希望它看起来一样，但它就像一个导航栏。这意味着，您单击的按钮会保持亮起，就像您在此处的“排序”按钮中看到的一样。

我用谷歌搜索过，我发现的唯一建议是编辑CSS，这样按钮在激活时不会亮起。我可以做到这一点，但我想我可能想在我的项目中实际使用导航栏。

我更新了尝试使用网格，表格，控制组等，但无法达到导航栏提供的效果。

Answer 1

<div class="ui-grid-c"> <div class="ui-block-a"><button onclick='$( "#sortmenu" ).popup( "open" )' data-corners="false" data-theme="f">Sort</button></div> <div class="ui-block-b"><button onclick='$( "#filtermenu" ).popup( "open" )' data-corners="false" data-theme="f">Filter</button></div> <div class="ui-block-c"><button onclick="$('#gallery_search_area').show();$('#gallery_page_content').hide();$('#gallery_page_summary').hide();" data-corners="false" data-theme="f">Search</button></div> <div class="ui-block-d"><button onclick="clearAllGalleryFilters();" data-corners="false" data-theme="f">Clear</button></div> </div>

这是我最终做的。它像我希望的那样工作，但是尝试了很多错误。希望这会帮助其他人，或者我可能只是厚厚的:)无论哪种方式......这都是有用的。