Question

我一直坚持以下问题，我似乎无法让它在我正在开发的这个Python烧瓶Web应用程序上工作：

1）我的烧瓶视图 - ＆gt;从本地数据库获取图像数据，并通过生成器将数据传递给模板

我的烧瓶路线/查看代码：

<body style="background-color: black">
    <div data-role="page" class="page" id="mainpage" data-theme="b">
        <div data-role="main" class="ui-content">
            <div id="frame" align="middle" style="width: 100%">
                {% for page in data %}
                    <img id="page_img" src="data:image/png;base64,{{ page }}" width="80px" height="auto"/>
                {% endfor %}
            </div>
        </div>
    </div>
</body>

2）我的带有JQuery Mobile UI的HTML模板获取此数据，并在1页上显示所有图像数据

我的HTML viewer.html with JQuery移动用户界面：

<body style="background-color: black">   
    <div id="frame" align="middle" style="width: 100%">
        {% for page in data %}
            <img id="page_img" src="data:image/png;base64,{{ page }}" width="80px" height="auto"/>
        {% endfor %}
    </div>
</body>

我的HTML viewer.html 没有 JQuery移动用户界面：

instance

我的问题是当我的数据库中有很多图像时加载页面需要多长时间。当我使用JQuery Mobile时，加载时间大不相同，当我不使用时：因为我正在使用生成器将数据传递给模板，所以当我不使用JQuery Mobile时，图像会立即加载，页面会立即加载，并且每个页面都显示为图像数据。样式页面。另一方面，当我使用JQuery Mobile时，即使我正在使用生成器，页面也会在所有图像数据通过后加载。如何在每次收益后刷新我的JQuery Mobile模板页面，以便

无论图像数量多少，页面都会立即加载？
每个新图像数据“yield”后页面会刷新，以便动态加载图像？ - 当我不使用JQuery Mobile时它会起作用吗？

我知道它与 - 使用Jquery Mobile的'pageinit'或'pageload'事件有关，但对于我的生活，我似乎无法使上述代码工作！

非常感谢任何帮助，提前谢谢！

Python烧瓶生成器功能不适用于JQuery-mobile

0 个答案: