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 を使用しています。mobileinit や onready など、jQuery/phonegap によって提供されるメソッドを使用しませんでした。

4

1 に答える 1

1

jQuery モバイルを使用しているときに、<div data-role="page">ノードの外部で CSS/JS を宣言すると、新しいスタイルやスクリプトが読み込まれないことがわかりました。これは、jQuery モバイルが新しいコンテンツをロードする方法によるものです。要素内で非同期に実行し<div data-role="page">ます。

于 2013-08-28T13:55:43.113 に答える