0

基本的な問題であることはわかっていますが、自分の状況に合ったものを見つけることができませんでした。

要素のリストを含む jQuery Mobile ページがあります。要素は、どの要素を選択するかに依存するコンテンツを持つ 2 番目のページを参照します (たとえば、記事のリストと、相対的なテキストを表示する必要がある記事の選択)。基本的に、ページ間でパラメーターを渡す必要があります。

私はAJAXを使用してそれをやろうとしました:

$.ajax({
    url : "index.html#page2",
    data : "id="+id,    
    dataType : 'json'
    type: "GET"
});

しかし、2ページ目で結果を得ることができませんでした。

どうやってやるの?

4

1 に答える 1

1

あなたのURLを見て:index.html#page2。内部ページ(すでにDOMにあるページ)に移動しようとしています。この場合は、JavaSCript onのロジックを作成し#page2、にリンクするときに、JavaScriptonがアクセスできる変数に値を#page2保存します。id#page2

何かのようなもの:

<ul data-role="listview" id="myList">
    <li>
        <a href="#page2" data-id="987">This is some fake text... Click for More</a>
    </li>
</ul>
<script>
$(document).delegate('#page1', 'pageinit', function () {

    //bind to click event for all links in the `#myList` UL
    $(this).find('#myList').find('a').bind('click', function () {

        //save the ID of this list-item to a global variable so it can be used later
        window.myId = $(this).attr('data-id');
    });
});
$(document).delegate('#page2', 'pageshow', function () {

    //get the ID saved as a global variable
    var currentId = window.myId;

    //now do logic for second page
});
</script>

これがデモです:http://jsfiddle.net/jasper/wFdet/

于 2012-07-02T16:05:35.003 に答える