0

我正在尝试从 idxco.com 的功能受限提要构建 jquery 轮播，下面是他们提供的示例脚本，可在页面中创建幻灯片。

<div><script type="text/javascript" src="http://www.porcupinerealtor.idxco.com/idx/12231/customSlideshowJS.php?stp=basic&name=Manchester&pt=sfr&city[]=28117&lp=125000&hp=200000&ba=0&srt=ASC&rotation=5&propCount=999&alignment=center"></script></div>

在浏览器中呈现这种格式：

<div id="IDX-Manchester-slideshow">
    <div id="IDX-Manchester-slideshowImage">
        <span><a class="IDX-Manchester-ssLinkText" id="IDX-Manchester-ssImageURL" href=""><img border="0" src="http://photos-5.idxco.com/096aed60bdc6bfd259bebc4b97f84e1871f4220013" class="IDX-Manchester-image" alt="Slideshow image" name="Manchester-ssImage" id="IDX-Manchester-ssImage"></a></span>
    </div>
    <div id="IDX-Manchester-priceLine"></div>
    <div id="IDX-Manchester-addressLine"></div>
    <div id="IDX-Manchester-cszLine"></div>
    <div style="display:none;" id="IDX-Manchester-listingIdLine"></div>
    <div style="display:none;" id="IDX-Manchester-bedLine"></div>
    <div style="display:none;" id="IDX-Manchester-bathLine"></div>
    <div style="display:none;" id="IDX-Manchester-remarkLine"></div>
    <div style="display:none;" id="IDX-Manchester-listingAgent"></div>
    <div style="display:none;" id="IDX-Manchester-listingOffice"></div>
</div>

有没有更简单的方法来做到这一点？是否可以转换http://www.porcupinerealtor.idxco.com/idx/12231/customSlideshowJS.php页面中的数据，以便将其重新格式化为 carouself-friendly 格式？我不一定需要 url 末尾的变量，例如：rotation=5&propCount=999&alignment=center

但是，我正在尝试使概念证明起作用，我可以将来自该链接的数据转换为水平的“无限”（或其他）轮播。

最终，我试图达到类似的效果：

或滑块轮播显示在这里：

http://gorillathemes.com/demo/smoothpro/

关于stackoverflow的其他参考：

/questions/9476621/parse-divs-to-create-ul-li-list-removing-duplicates

但我不确定如何合并它。谁能让我更好地了解如何实现这一点以至少使 ul li 格式正确？

4

1 回答 1

1

您可以尝试使用 jQuery 的.replaceWith()方法。它将用您想要的 HTML 替换当前的 HTML。因此，您可以执行以下操作：

$("#IDX-Manchester-slideshow > div").each(function(i) {
    var li = $("<li />").html($(this).html());
    $(this).replaceWith(li);
})
var ul = $("<ul />", { id: 'IDX-Manchester-slideshow' }).html($("#IDX-Manchester-slideshow").html());
$("#IDX-Manchester-slideshow").replaceWith(ul);
于 2013-06-18T18:17:22.183 回答