Question

我正在尝试在coldfusion页面中实现一个滑块＆amp;用于通过XML文件获取图像的jQuery脚本。我的XML文件包括路径＆amp;图像的其他细节。但它没有用，虽然它在我的WAMP服务器上用于简单文件。 ColdFusion代码：

<cfoutput>
<script type="text/javascript" src="#request.serverCustom#rangers/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="#request.serverCustom#rangers/js/simplegallery.js"></script>
<script type="text/javascript">
    var myArray = [];    
    $(document).ready(function() {
        alert("outside");
        $.ajax({
            //alert("ajax inside");
            type: "GET",
            url: "#request.serverCustom#rangers/js/sites.xml",
            dataType: "xml",
            success: function(xml) {
                var count = 0;
                $(xml).find('site').each(function() {
                    var url = $(this).find('url').text();
                    var target = $(this).find('target').text();
                    var imageURL = $(this).find('imageURL').text(); 
                    var alt = $(this).find('alt').text();
                    myArray[parseInt(count)] = new Array(imageURL, url, target, alt); 

                    count++;
                });
                var mygallery2 = new simpleGallery({
                    wrapperid: "simplegallery2",
                    dimensions: [400, 240],                 
                    imagearray: myArray,                    
            autoplay: [true, 10000, 99], 
                    persist: true,
                    fadeduration: 1000, 
                    oninit: function() {
                    },
                    onslide: function(curslide, i) { 
                    }
                })                
            }
        });
alert(mygallery2);
    });
</script>
<div style="background: black none repeat scroll 0% 0%; overflow: hidden; 
position: relative; visibility: visible; -moz-background-clip: border; -moz-background-origin: 
padding; -moz-background-inline-policy: continuous; width: 400px; height: 265px;" id="simplegallery2"> 
</div>
</cfoutput>

我的XML代码： -

<?xml version="1.0" encoding="iso-8859-1"?>
<sites>
  <site>
    <url><![CDATA[http://facebook.com]]></url>
    <target>_new</target>
    <alt>First Image : Random Image with Baloon(Will Go to FB)</alt>
    <imageURL><![CDATA[/img/Image1.jpg]]></imageURL>
  </site>

  <site>
    <url><![CDATA[http://google.com]]></url>
    <target>_new</target>
    <alt>Second Image : Random Image of a Toy(Will Go to Google)</alt>
    <imageURL><![CDATA[/img/Image2.jpg]]></imageURL>
  </site>

  <site>
    <url><![CDATA[http://twitter.com]]></url>
    <target>_new</target>
    <alt>Third Image : Random Image with Lighter with Water Filled</alt>
    <imageURL><![CDATA[/img/Image3.jpg]]></imageURL>
  </site>

  <site>
    <url><![CDATA[http://enablingdimensions.com]]></url>
    <target>_new</target>
    <alt>Fourth Image : A Image from Game(Will Go To Our Site)</alt>
    <imageURL><![CDATA[/img/Image4.jpg]]></imageURL>
  </site>

  <site>
    <url><![CDATA[http://ed.konnected.me]]></url>
    <target>_new</target>
    <alt>Fifth Image : A Cartoon in Yellow Background</alt>
    <imageURL><![CDATA[/img/Image5.jpg]]></imageURL>
  </site>

  <site>
    <url><![CDATA[http://yahoo.com]]></url>
    <target>_new</target>
    <alt>Sixth Image : Eating Fish with Anger(Will Go To Yahoo)</alt>
    <imageURL><![CDATA[/img/Image6.jpg]]></imageURL>
  </site>

</sites>

我的文件夹“img”位于本地路径中。即使我在$.ajax内尝试过警报，但它还是休息了。我试图获取链接图像，这与WAMP一起工作，但这也没有用。任何线索？

Answer 1

您的示例中没有ColdFusion代码（除了＃request.serverCustom＃）。在这种情况下，您不需要括起整个dang脚本。将输出放在这些变量周围。

<cfoutput>
<script type="text/javascript" src="#request.serverCustom#rangers/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="#request.serverCustom#rangers/js/simplegallery.js"></script>
</cfoutput>

然后在JS里面：

 type: "GET",
 url: "<Cfoutput>#request.serverCustom#</cfoutput>rangers/js/sites.xml",

包围整个事情会有效，但似乎让我感到麻烦（虽然其他人会喜欢它）。

如果您遇到CF问题，可能就是这个问题。加载您的页面并转到“查看源代码” - 查看呈现的HTML。如果jquery-1.3.2.min.js和simplgallery.jas文件的路径被搞砸了，那么你需要通过调整＃request.serverCustom＃变量或者通过添加斜杠或其他来修复它。

我通常从视图源中复制并在浏览器中加载路径以查看我得到的内容（当然，调整相对于绝对值。

如果是别的什么我恐怕我们需要更多的信息。它到底在做什么？

在ColdFusion中通过XML获取滑块图像

1 个答案: