0

我在通过 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 等。

4

1 回答 1

1

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

于 2013-08-28T13:55:43.113 回答