0

我正在尝试在冷融合页面中实现一个滑块并编写用于通过 XML 文件获取图像的 jQuery 脚本。我的 XML 文件包括图像的路径和其他详细信息。但它不起作用，尽管它适用于我的 WAMP 服务器上的简单文件。冷融合代码：

<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 一起使用，但这也不起作用。有什么线索吗？

4

1 回答 1

0

您的示例中没有 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 有疑问，则很可能这个 var 就是问题所在。加载您的页面并转到“查看源代码” - 检查呈现的 HTML。如果您的 jquery-1.3.2.min.js 和 simplgallery.jas 文件的路径搞砸了，那么您需要通过调整 #request.serverCustom# 变量来修复它 - 或者通过添加斜杠或其他方式。

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

如果是其他问题，恐怕我们需要更多信息。它实际上在做什么？

于 2012-07-10T13:55:09.340 回答