从轮播中获取活跃价值 URL

Question

我正在使用 ASP.net MVC 5，我创建了一个包含 4 张图片的 bootstrap carousel/slideshow，我想获取此旋转木马上活动幻灯片的 ID。然后，当用户单击提交按钮时，我可以将他重定向到另一个页面，在 URL.

中记录活动幻灯片 ID

<form method="post">
<div id="mycarousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#mycarousel" data-slide-to="0" class=""></li>
        <li data-target="#mycarousel" data-slide-to="1"></li>
        <li data-target="#mycarousel" data-slide-to="2"></li>
        <li data-target="#mycarousel" data-slide-to="3"></li>
    </ol>

    <a class="carousel-buttonleft" href="#mycarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>


    <a class="carousel-buttonright" href="#mycarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>


    <div class="carousel-inner" role="listbox" style="height:300px">

        <div class="item active" align="center">
            <div align="center" class="carousel-image"><img src="../images/saumon.png" alt="saumon1" /></div>
            <div class="carousel-caption">
                <p>NORMAL SKIN</p>
            </div>
            </a>
        </div>
        <div class="item ">
            <div align="center" class="carousel-image">
                <img src="../images/saumon.png" alt="saumon1" />
            </div>
            <div class="carousel-caption">
                <p>SILVER SKIN</p>
            </div>
        </div>

        <div class="item " align="center">
            <div align="center" class="carousel-image"><img src="../images/saumon.png" alt="saumon1" /></div>
            <div class="carousel-caption">
                <p>DEEP SKIN</p>
            </div>
        </div>

        <div class="item " align="center">
            <div align="center" class="carousel-image"><img src="../images/saumon.png" alt="saumon1" /></div>
            <div class="carousel-caption">
                <p>WITH SKIN</p>
            </div>
        </div>

    </div>
</div>

谢谢。

Answer 1

抱歉，我目前正在使用我的 phone。您必须 select by className.

在css中：

.carousel-inner .item .active

在jQuery中：

$('.carousel-inner .item .active')

然后... .attr('id') 和值 .val() 或 .text()

在 C# 中，我找到了这个主题来向您展示如何根据特定的 className 目标在页面控件内部进行迭代： Whosebug

从轮播中获取活跃价值 URL

Get active value from a carousel to an URL

asp.net-mvc-5

bootstrap-carousel