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调用标签。页面已加载，但未应用样式。我正在使用jquery和jQuery mobile with phonegap。没有使用jQuery / phonegap提供的任何方法，如mobileinit或onready等。

Answer 1

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

javascript来调用新的HTML页面

1 个答案: