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=longtail，lengthDat.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

我会将数据类型属性附加到图像标签并使用 jquery 获取它并附加到上面建议的 url。

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

注意：您必须调整此代码以针对单击的特定元素，并且验证 url、处理已经有参数和没有参数的 url 是一种很好的做法。

于 2012-05-02T18:55:20.500 回答