javascript调用新的HTML页面

Question

我在通过 javascript 调用 HTML 页面时遇到问题。这可能很简单，但我只是在学习。希望有人能提供帮助。

<label value="Login" id="lbl1" ontouchstart="mouseDown1()" ontouchend="mouseUp1()">Login</label>

JavaScript

function mouseUp1() {
    var styles = {
        "background": "url(img/b_long_off.png)",
        "background-size": "100% 100%",
        "height": "36px",
        "width": "93%",
        "position": "absolute",
        "text-align": "center",
        "padding-top": "18px",
        "left": "3.5%",
        "top": "208px",    
        "font-family": "Arial, Helvetica, sans-serif",
        "font-size": "16px",
        "color": "white"
    };
    $("#lbl1").css(styles); $.mobile.changePage("register.html");
} 

我在鼠标松开时通过 ID 调用标签。页面已加载，但未应用样式。我在 phonegap 中使用 jquery 和 jQuery mobile。没有使用 jQuery/phonegap 提供的任何方法，例如 mobileinit 或 onready 等。

Answer 1

我在使用 jQuery Mobile 时发现，如果您在 <div data-role="page"> 之外声明 CSS/JS节点它不会加载新的样式或脚本。这是因为 jQuery Mobile 加载新内容的方式。它在 <div data-role="page"> 中异步执行元素。