jQuery Mobile未加载JavaScript站点更改

我有一个以Django为后端构建的移动网站（在这种情况下应该是无关的）。当我更改页面时，JavaScript不会加载到下一页。我已将所有JavaScript包装在以下子句中：

$("#mypage").on('pagecreate',  function() {
    var duration_minute = 1;
    $("#min_knob").val(duration_minute);
    {# $(function() { #}
        var minute_min = 0;
        var minute_max = duration_minute;
        var second_min = 0;
        var second_max = 60;

        $("#min_knob").knob({
            'min': minute_min,
            'max':minute_max,
            'readOnly':true,
            'thickness':0.2,
            'width': '100',
            'height': '100',
            'fgColor':'#34495e',
            draw: function () {
                 $(this.i).val(this.cv + 'm')
            },

        });

        $("#sek_knob").knob({
            'min': second_min,
            'max': second_max,
            'readOnly':true,
            'thickness':0.2,
            'width': '100',
            'height': '100',
            'fgColor':'#e67e22',
            draw: function () {
                 $(this.i).val(this.cv + 's')
            },
        });
});    

如果我直接打开页面而不是更改页面，JavaScript将完美加载。正文中添加了其他JavaScript文件，这与此问题有关

    ...
    <script src="{% static "js/jquery.knob.js" %}"></script>
    <script src="{% static "js/jquery.ccountdown.js" %}"></script>
</body>

。。。

---

我不确定Django中的反向函数是否对jQuery Mobile的行为有很大影响。

您使用的是单页模式还是多页模式？如果启用了第一个，并且启用了Ajax，那么在

data role=page

div.@Omar中添加自定义js。我可能以一种非正统的方式使用jQuery Mobile。我的所有页面都在各自的HTML文件中分开，而不是像jQuery Mobile所描述的那样，是单页还是多页。。这是坏习惯吗？虽然我更喜欢保持这种方式，但显然这是一个问题。正如您所提到的，我试图将JS移动到页面div中，但问题仍然存在。我将div的ID替换为

document

，问题就解决了。