Question

有没有人知道为动态生成的jQuery Mobile页面添加HTML代码的最佳位置？

我一直在将它们添加到<body>的末尾，但这会导致其他jQuery移动页面出现问题。

我尝试将jQuery Mobile页面添加到页面末尾的div中，但是，无法再通过href访问它们的ID。

链接到代码：http://jakeserver.com/Apps/BostonLandmarks/B11/index.html

有什么想法吗？

Answer 1

我建议您将单个页面div中的所有脚本移动到全局脚本标记，然后在页面的pagecreate事件中运行该代码，例如：

$(document).on('pagecreate','#landmarks', function(){
    function setNewActiveTab(newTab){
        $(".LandmarksTab").removeClass("ui-btn-active");
        $(".LandmarksTab").removeClass("ui-btn-active");
        $(".MoreTab").removeClass("ui-btn-active");
        $(newTab).addClass("ui-btn-active");
    }

    assembleRows(landmarksArray);
    assembleLandmarkPages(landmarksArray);
    determineMapScreen();
});

根据您的代码，这是一个有用的 jsFiddle 。

这将确保代码在jQM的页面创建/增强方面正确运行。

我应该在哪里放置动态生成的jQuery Mobile页面

1 个答案: