Javascript 为什么jquery移动按钮显示为mini?
我将以下代码用于jquery mobile中作为按钮样式的链接:Javascript 为什么jquery移动按钮显示为mini?,javascript,css,jquery-mobile,jquery-mobile-button,Javascript,Css,Jquery Mobile,Jquery Mobile Button,我将以下代码用于jquery mobile中作为按钮样式的链接: <a data-role="button" data-inline="true" id="A1" href="#UserDialog" data-rel="dialog" data-transition="slideup"></a> 但是,该按钮显示为包含data mini=“true”属性。这仅发生在我的SPA web应用程序的此页面上。我没有CSS规则或类,这些规则或类与这个链接有任何连接,从而
<a data-role="button" data-inline="true" id="A1" href="#UserDialog" data-rel="dialog" data-transition="slideup"></a>
但是,该按钮显示为包含data mini=“true”属性。这仅发生在我的SPA web应用程序的此页面上。我没有CSS规则或类,这些规则或类与这个链接有任何连接,从而导致这种情况。我试着在页面上移动链接,看看div或其他父类是否有影响它的类,但没有效果。我也尝试过从一个元素以编程的方式创建按钮,但是这也不起作用
我正在为jquery mobile使用Tiatems iOS主题,但这似乎是唯一存在此问题的页面
我不确定是什么原因导致了这一点,我肯定需要一些关于如何解决这一问题的见解
编辑:添加了更多代码
<h3>Marketing Rep Information</h3>
<p>
<b>Name: </b> <a data-role="button" data-mini="false" data-inline="true" data-bind="text: CreatorName" id="A1" href="#UserDialog" data-rel="dialog" data-transition="slideup"></a>
</p>
<div id="usecTablediv" data-role="collapsible" data-collapsed="true" data-inset="true">
<h2>USECs</h2>
<table id="usecTable" class="table table-striped table-bordered table-responsive">
<thead>
<tr>
<th>Title</th>
<th>USEC</th>
<th>Rate</th>
</tr>
</thead>
<tbody>
<!-- ko foreach: USECs -->
<tr>
<td data-bind="text: Title"></td>
<td data-bind="text: UsecCode"></td>
<td data-bind="text: Rate"></td>
</tr>
<!-- /ko -->
</tbody>
</table>
</div>
<a id="Signout2" class="signout" >Sign Out</a>
营销代表信息
姓名:
USECs
标题
USEC
比率
退出
尝试设置data inline=“false”,您应该会看到您的按钮扩展到所需的宽度。没有乐趣,而且inline不应该影响宽度inline确实会影响宽度,请参阅。。。你能提供一个JSFIDLE。。。将内联数据从true更改为false应该会立即进行更改,除非您有我们看不到的css,否则表示抱歉的是高度,按钮的高度是问题所在,而不是宽度。我的错误问题是,按钮显示时好像有data mini=“true”,而实际上没有,这意味着按钮高度仅与文本一样高,我需要它看起来像一个普通的jqm按钮,然后尝试添加data mini=“false”,看看这是否会改变什么…或者您是否以某种方式删除/更改了按钮的填充,.ui btn inner。。。否则,在不知道/看不到任何代码/样式的情况下进行故障排除会有点困难