0

私はjQueryモバイルフレームワークを使用しています。フレームワークを使用して、次のように構造化されたグリッドがあります。

<div style="text-align: center;" class="ui-grid-b">

                    <div class="ui-block-a">
                        <a href="lengthDat.html"><img src="images/Longtail.jpg" width="200" height="200"></a>
                        <p style="display: inline;">Longtail</p>
                        <a href="longtail_info.html" rel="external" data-inline="true" data-role="button" 
                                data-mini="true"     data-iconpos="notext" data-icon="info">Longtail Info</a>
                    </div>

                    <div class="ui-block-b">
                        <a href="lengthDat.html"><img src="images/Northern_Dusky.jpg" width="200" height="200"></a>
                        <p style="display: inline;">Northern Dusky</p>
                        <a href="dusky_info.html" rel="external" data-inline="true" data-role="button" 
                                data-mini="true"     data-iconpos="notext" data-icon="info">Dusky Info</a>
                    </div>

                    <div class="ui-block-c">
                        <a href="lengthDat.html"><img src="images/Northern_Spring.jpg" width="200" height="200"></a>
                        <p style="display: inline;">Northern Spring</p>
                        <a href="spring_info.html" rel="external" data-inline="true" data-role="button" 
                                data-mini="true"     data-iconpos="notext" data-icon="info">Spring Info</a>
                    </div>

      .... SNIP 2 ROWS ....
</div>

さて、ここに私の質問があります。すべての画像が同じページにリンクしていますが、それらは異なる種類のサンショウウオです。クリックしたタイプを取得しようとしているので、次のページ(測定ページ)で使用できます。

何か助けはありますか?

4

3 に答える 3

2

各リンクにクエリ文字列を指定し、サーバー側の言語(最適)またはjavascriptのいずれかで取得できます。

lengthDat.html?type=longtaillengthDat.html?type=northern+dusky

JavaScriptを使用してクエリ文字列パラメータを読み取る方法を知りたい場合は、このSOの質問に進んでください:JavaScriptでクエリ文字列値を取得するにはどうすればよいですか?

于 2012-05-02T18:19:31.510 に答える
0

それは非常に簡単です。imgソースから拡張機能を抽出するだけです(タイプとさまざまなサンショウウオが意味するものである場合)

$('a').on('click', function(ev) {

    ev.preventDefault();

    var ext = $(this).children('img:eq(0)').attr('src').split('.').pop();

    window.location = '?type=' + ext;
});
于 2012-05-02T18:19:53.557 に答える
0

画像タグに data-type 属性を添付し、jquery を使用して取得し、上記のように URL に追加します。

var type = $('a').find('img').attr('data-type'), url = $('a').attr('href'); $('a').attr('href', href += '?type=' + タイプ);

注: クリックされた特定の要素を対象とするようにこのコードを微調整する必要があります。URL を検証し、パラメーターが既にある URL とない URL を処理することをお勧めします。

于 2012-05-02T18:55:20.500 に答える