jquery - jqueryを使用したphonegapでの画像検索

Question

誰でも次のコードを説明できますか?

function showImage(){
var imgs = $('#gallery img');
imgs.live('click', function(){
    var title = $(this).attr('title');
    $('#picture h1').text(title);
    $('#pic').html($(this).clone());

    $.mobile.changePage($('#picture'));
});

}

Answer 1

このコードは、クリック イベント ハンドラーをすべての img 要素にアタッチし、クリックされたときに 1 つの img を表示します。

// get all img elements in #gallery
var imgs = $('#gallery img');
// bind a click handler on all img elements
imgs.live('click', function(){
    // get the title attribute of the clicked img
    var title = $(this).attr('title');
    // set h1 text to title and add the clicked img to our new page
    $('#picture h1').text(title);
    $('#pic').html($(this).clone());
    // switch to the new page
    $.mobile.changePage($('#picture'));
});

単一の img ページは次のようになると思います。

<div data-role="page" id="picture">
    <div data-role="content">
    <h1></h1>
    <div id="pic"></div>
    </div>
</div>