单击旋转木马图示符时如何获取数据id
How to get data-id when carousel glyphicon is clicked
我需要获取一个id,但它在一个滑块中,我唯一可以访问的点击事件是箭头,但它们不能获取图像的唯一id。我知道一定有一条通往div的路,但现在这有点超出我的能力范围。我确实尝试过我找到的或找到的任何东西,但到目前为止都没有成功。
滑块的代码
<div id="myCarousel" class="carousel slide fluid col-md-6 col-md-offset-3" data-ride="carousel" style="height:95%;background-color: #000;">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active" style="border:1px solid #febe27;margin-bottom:125px;"></li>
{% for storyItem in craft.entries.section('stories').find() %}
{% for previewImage in storyItem.slideshowImage %}
<li data-target="#myCarousel" data-slide-to="1" style="border:1px solid #febe27;margin-bottom:125px;"></li>
{% endfor %}
{%endfor%}
</ol>
<div class="carousel-inner" role="listbox" style="height:87%;position:relative;">
<div class="item active">
{% for storyItem in craft.entries.section('stories').limit(1) %}
{% for previewImage in storyItem.slideshowImage %}
<div id="{{storyItem.id}}" class="imgContentWrapper 1" data-id="{{storyItem.id}}"><a href="#"><img src="{{ previewImage.url('slideshowImage') }}" alt="" border="0" /></a>
</div>
{% endfor %}
{%endfor%}
</div>
{% for storyItem in craft.entries.section('stories').offset(1) %}
{% for previewImage in storyItem.slideshowImage %}
<div class="item ">
<div id="{{storyItem.id}}" class="imgContentWrapper" data-id="{{storyItem.id}}"><a href="#"><img src="{{ previewImage.url('slideshowImage') }}" alt="" border="0" /></a>
</div>
</div>
{% endfor %}
{%endfor%}
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true" style="margin-left:-25px;"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true" style="margin-right:-25px;"></span>
<span class="sr-only">Next</span>
</a>
我正试图在字形图标"click"上获取div中的{{storyItem.id}}(有两个活动项和常规项)。
非常感谢您的帮助。
这应该能完成任务,伙计。。。
$('.glyphicon-chevron-left, .glyphicon-chevron-right').on('click', function() {
var id = $('.carousel-inner').find('item.active').find('.imgContentWrapper').data('id');
});
我假设a.carousel-control
与您的图像位于同一个#myCarousel
div中。如果是这样的话,你可以遍历到父图像并找到你想要的图像,如下所示:
$('.carousel-control').on('click', function() {
var imageId = $(this).parent().find('#your_image_selector');
});
相关文章:
- Html地图对象-点击地图获取id的一部分
- 通过localStorage中的密钥获取ID
- 如何从值的Angular下拉列表中获取ID
- 如何从对象中获取id
- 使用jQuery来foreach iframe-src,并通过函数获取ID和操作
- 如何在使用node.js时从URL中获取Id
- 通过单击链接(兄弟姐妹?)从无线电输入中获取id
- 如何从Url客户端获取Id
- jQuery无法从下拉列表中获取id
- 可以'无法从列表项中获取id
- 从子输入中获取id值,并在更改时将其推送到Javascript中的数组中
- Javascript:如何从不同的ID中获取ID和name属性
- 如何获取id并在ror中基于该id显示下一个字段
- 这个_Meteor js中的Iron控制器无法访问id.如何获取id
- 使用 jQuery 从 HTML 获取 id,给出意想不到的结果
- 如何在select标记上使用javascript获取id名称
- 如何从包含HTML代码和许多UL标签及其ID的JavaScript变量A中获取
- ID
- 如何在创建保存新模型时获取id
- 对话框,数据选择器获取id
- 如何从以某个单词(regexp)结尾的字符串中获取id