我遇到一个有趣的现象,我的buttonset()在所有按钮之间都有间隙.显然,我希望他们像在
jquery演示中一样对接.
我的代码是相当的股票
HTML
<div style="float:right;" id="filter-button-bar"> <input type="radio" id="it_button" name="radio" class="filter-button" /><label for="it_button">information</label> <input type="radio" id="rev_button" name="radio" class="filter-button" /><label for="rev_button">Revenue</label> <input type="radio" id="ent_button" name="radio" class="filter-button" /><label for="ent_button">Entertainment</label> <input type="radio" id="sec_button" name="radio" class="filter-button" /><label for="sec_button">Security</label> <input type="radio" id="asst_button" name="radio" class="filter-button" /><label for="asst_button">Assistants</label> <input type="radio" id="all_button" name="radio" class="filter-button" checked="checked"/><label for="all_button">All</label> </div>
JS
$(function() { $( "#filter-button-bar" ).buttonset(); $( ".filter-button" ).button({ icons: { primary: "ui-icon-search" } }); });
解决方法
删除这些按钮之间的空格.这将解决您的问题:
<input type="radio" id="it_button" name="radio" class="filter-button" /><label for="it_button">information</label><input type="radio" id="rev_button" name="radio" class="filter-button" /><label for="rev_button">Revenue</label><input type="radio" id="ent_button" name="radio" class="filter-button" /><label for="ent_button">Entertainment</label><input type="radio" id="sec_b Et cetera
HTML源代码中的空格通常在HTML中被忽略,除了少数情况之外:
> CSS:white-space:pre,pre-wrap,..(和< pre>标签)
>内联元素之间.
原文地址:https://www.jb51.cc/jquery/175853.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。