0

リンクされた jquery mobile とともに html をフォローしているとします。

<section id="firstpage" data-role="page">

<label for="a">Enter a</label>
<input id="a" type="number"/>

<label for="b">Enter b</label>
<input id="b" type="number"/>

<label for="c">Enter c</label>
<input id="c" type="number"/>

<a href="#secondpage" data-role="button" data-transition="flip">Show Them!</a>
    </section>

    <section id="secondpage" data-role="page">
<!--I want to show the three values of a,b,c here -->
    </section>

ご覧のとおり、最初のページにはボタンがあり、それを押すと 2 番目のページに移動します。ここで、入力フィールドの値をスクリプトの 3 つの変数に保存するとします。2 ページ目にそれらを表示するにはどうすればよいですか?

これらの 3 つの値を最初のページで取得し、内部の html の 2 番目のページに指示されたときにそれらを表示する単純な jquery スクリプトを作成するだけで、うまくいきます。

4

2 に答える 2

1

呼び出し<head>内で jQuery および jQuery モバイルをロードした後、タグ内に次のコードを配置します。$(document).ready(function(){ ... });

$("#secondpage").on("pagebeforeshow", function(e, data) {
    data.prevPage.find('input').each(function(index) {
        $('#secondpage').append('<div>' + $(this).val() + '</div>');
    });
});

number入力フィールドのタイプを設定しているため、数値のみが出力されるため、それ以外は空白の出力になることに注意してください。

jsフィドル

于 2013-09-11T05:43:38.103 に答える
0

ボタン要素に次のようなIDを与えるだけです:

 <a href="#secondpage" id="mybutton" data-role="button" data-transition="flip">Show Them!</a>

あとはjqueryを使って、

 $('#mybutton').tap(function(){

 var a = $('#a').val();

 var b = $('#b').val();

 var c = $('#c').val();

 var total= 'a is '+ a + ',b is' + b + ',c is' + c;
 $('#secondpage').html(total);
 });

それは仕事をするべきです

于 2013-09-11T05:54:36.493 に答える