Question

I found this post，但没有运气让它为我工作。我试图在我的移动页面上实现jQuery Spinner，但我不希望它有任何jQuery移动样式。

CODE：

在主页：

<script type="text/javascript">
    $(document).bind("mobileinit", function () {
        $.mobile.ajaxEnabled = false;
        $.mobile.ignoreContentEnabled = true;
    });

    $(document).on('pageinit', function () {        
        $.mobile.silentScroll();
    });
</script>
<script src="Scripts/jquery.mobile-1.4.2.js"></script>

控制：

<td class="diary_control_cell" data-enhance="false" data-role="none">
    <div data-enhance="false" id='noMobileHere'>
        <input type="text" name="OtherTravelersCountTextBox" id="OtherTravelersCountTextBox" value="60" min="0" max="100"  runat="server" data-enhance="false" data-role="none"/>                                                
    </div>    
</td>

虽然它被制作成微调器，但创建的UI仍然包含在<td>和<div>中，因此您可以假设data-enhance="false"（至少其中一个）会仍然适用。当我关闭微调器时，data-enhance="false"确实有效。有没有更好的方法来关闭页面的一小部分jQuery Mobile样式？

修改

要解决此问题，我使用以下行删除了导致问题的jQM类（在将id noMobileHere添加到包含微调器的div之后：

$('#noMobileHere').find('div').removeClass('ui-btn');

Answer 1

检查JQM API for textinput - 您要设置的属性名为data-enhanced（您缺少 d ）。

如果您不希望JQM触摸您的输入，请在实际元素上设置属性，而不是任何父元素。

<input data-enhanced="true" ... />

因为这将告诉JQM“输入已经增强”。

应该工作。

jQuery Mobile：关闭div的所有移动样式

1 个答案: