0

我正在使用 Twitter Bootstrap，我正在处理一个页面，该页面有几个选项卡，其中都有多个轮播（每个都有大量图像）我已经设法编写了一个 AJAX 脚本，从 JSON 文件中提取图像我已经创建（用于其中一个轮播）。我打算为其余部分制作类似的 JSON 文件，但我想知道有没有办法编写 AJAX 脚本，以便它从 HTML 中获取 id，所以我不必制作独特的 AJX 脚本每个版本的轮播

以下是我的 HTML 查找轮播的方式：

    <div id="ShaluCarousel1b" class="carousel slide"><!-- class of slide for animation -->
        <div class="carousel-inner" id="carousel1b">

        </div><!-- /.carousel-inner -->
    </div>

这是我的 AJAX 脚本：

<script>
    $.ajaxSetup({
            error: function(xhr, status, error) {
                alert("An AJAX error occured: " +status + "\nError: " +error);
            }
        });
    $.ajax({
        url:'json/carousel1b',
        type:'GET',
        success: function(data){
            console.log('grabbing photos');

            var totalPictures = data['totalPictures'];
            for (var i=0; i<totalPictures; i++) {
                console.log("new image");

                if(i<1){
                    console.log("first image");

                    var d = "<div class='item active'>";
                    d += "<a href='" +data.pictures[i]['photo'] +"' rel='prettyPhoto'>";
                    d += "<img src='" +data.pictures[i]['photo'] +"' >";
                    d += "</a>";
                    d += "</div>";

                $('#carousel1b').append(d);
                }

                else {
                    console.log("image" +i);

                var d = "<div class='item'>";
                    d += "<a href='" +data.pictures[i]['photo'] +"' rel='prettyPhoto'>";
                    d += "<img src='" +data.pictures[i]['photo'] +"' alt=''>";
                    d += "</a>";
                    d += "</div>";

                $('#carousel1b').append(d);

                $("a[rel^='prettyPhoto']").prettyPhoto();
                    console.log('pp init');


                }
            }   
        }
    })
</script>

我基本上想知道是否有办法从 HTML 中提取 id (carousel1b) 并将其注入 "url:'jason/ carousel1b和 "$(' carousel ').append(d)中的 AJAX 条中"

4

0 回答 0