Question

所以我第一次使用jQuery mobile。

我已将其添加进来，并且我已将swiperight功能恢复到上一页。

然而，由于我一直在浏览，我注意到一些事情是以添加jQuery mobile为代价的。我设法通过使用$( "input, textarea, select", e.target ).attr( "data-role", "none" );来停止更改元素，例如输入等。

1）。加载消息显示在屏幕底部。我使用$.mobile.loadingMessage = false;删除了它，但是当它不需要时它仍然会导致滚动条，这会导致我的页脚下方出现白线。

2）。在我的一个页面上，我有以下代码，现在不再有效：

$(document).ready(function() {

    $("#arrow_click").click(function(){

        var theclass = $(this).attr("class");

        if(theclass == "icon-chevron-down"){
            $("#table_cont").hide();
        } else if(theclass == "icon-chevron-up"){
            $("#table_cont").show();
        }

    });

});

任何人都可以对这两个问题有所了解吗？

由于

Answer 1

Jquery在结尾页面添加以下加载div，如下所示。

<div class="ui-loader ui-corner-all ui-body-a ui-loader-default"><span class="ui-icon ui-icon-loading"></span>

 <h1>loading</h1>

</div>

要摆脱它，你可以通过调用div的类hide();来选择。.remove();或ui-loader。尝试任一解决方案。

隐藏它。

.hide();将display: none;样式添加到div中，但它不会将其删除。

$(document).on("pageshow", "[data-role='page']", function () {
 $('div.ui-loader').hide();
});

删除它。

.remove();删除div及其内容。所以你需要明智地使用它，以防你想在其他页面中显示加载消息。

$(document).on("pageshow", "[data-role='page']", function () {
 $('div.ui-loader').remove();
});

如果您想在某些页面中保留加载消息，请为没有加载消息的页面class分配.no-loadmsg，并使用上面相同的代码，而不是添加[data-role='page'] [data-role='page'].no-loadmsg。

$(document).on("pageshow", "[data-role='page'].no-loadmsg", function () {
 $('div.ui-loader').remove();
});

这将从仅包含.no-loadmsg类的所需页面中删除加载div。

我希望以上解决你的问题。

jQuery Mobile Issues - 首次使用者

1 个答案: