0

jquerymobilelistviewを設定しました。jQueryを使用して、＃contentImgのsrcをクリックされた画像サムネイルのsrcに変更したいと思います。

したがって、「ul data-role = "listview"」にある「a」がクリックされると、$ this内のimgに「#contentImg」のsrcが必要になります（これは「a」タグがクリックされます）。

jQueryでこれを行うにはどうすればよいですか？

コードは次のとおりです

    <ul data-role="listview">
        <li><a href="#content">
            <img src="image1.jpg" />
            <h3>Image1</h3>
            <p>Description</p>
        </a></li>
        <li><a href="#content">
            <img src="image2.jpg" />
            <h3>Image2</h3>
            <p>Description</p>
        </a></li>
     </ul>

さらにドキュメントで

<img id="contentImg" src="contentImg.jpg" />

最初のリンクがいつクリックされたかを明確にするために、＃contentImg srcはimage1.jpgに変更する必要があり、2番目がクリックされた場合はimage2.jpgになります。

4

1 に答える 1

2

これは jQuery >=1.7 で動作するはずです:

$('li a[href="#content"]').on('click', function(){
    $('#contentImg').attr('src', $(this).find('img').attr('src'));
});

JSFiddle

jQuery <1.7 を使用.onしている場合はスワップ.live

于 2012-06-04T00:20:56.583 に答える