Question

我正在使用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>

我基本上想知道是否有办法从htnl中取出id（carousel1b）并将其注入“url：'jason / carousel1b 和”$“中的AJAX条带（ '的转盘'）。追加（d）“

在我的HTML中简化ajax脚本

0 个答案: