Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么jquery移动按钮显示为mini?_Javascript_Css_Jquery Mobile_Jquery Mobile Button - Fatal编程技术网

Javascript 为什么jquery移动按钮显示为mini?

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规则或类,这些规则或类与这个链接有任何连接,从而

我将以下代码用于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规则或类,这些规则或类与这个链接有任何连接,从而导致这种情况。我试着在页面上移动链接,看看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。。。否则,在不知道/看不到任何代码/样式的情况下进行故障排除会有点困难