0

我在我的官方网站的 head 标签中使用 jQuery。它不起作用,并提出了参考错误 $ is not defined $.ajax 错误。我尝试了这些解决方案(如下),但它并没有解决我的问题。第一个迪

尝试过的解决方案:

1.Query 需要是您导入的第一个脚本。页面上的第一个脚本

<script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.jcarousel.min.js"></script>

2. ReferenceError: ajaxfunction is not defined 我正在调用我的函数作为第一个被调用的函数。

这是我的代码:

<script type="text/javascript">
XMLLIST = {
      xml: 'slideshow.xml?' + Math.random(0,1),
      display: '10',
      random: false,
      appentTo: '#slideshow',

      int: function () {
                $.ajax({
                        type:"GET",
                        url:"slideshow.xml",
                             dataType:"xml",
                             sucess: XMLLIST.parseXML,
                }); 
      },

      parseXML: function (xml) {
                var data=$('slideInfo', xml).get();
                var list = data;
                var i = 1;
                          $(list).each(function() {
                          XMLLIST.insertHTML($(this));
                          if( i == XMLLIST.display) return false;
                          i++;
                          });
     },


insertHTML: function (slide) {
            var title = slide.find('title').text();
            var image = slide.find('image').text();
            var alternate = slide.find('alt').text();
            var disclaimer = slide.find('disclaimer').text();
            var diet = slide.find('diet').text();
            var sciencename = slide.find('sciencename').text();
            var facts = slide.find('facts').text();
            var rangehabitat = slide.find('rangehabitat').text();
            var html;

            html = '<div class="slideInfo">';
            html += '<img scr="' + image + '" alt="' + alternate + '"id ="slideImage" />';
            html += '<p id="altTag>"' + alternate + '"</p>"';
            html += '<p id="Animaldisclaimer">"' + disclaimer + '"</p>';
            html += '<p id="scienceName">"' + sciencename + '"</p>'; 
            html += '<p id="RH">"' + rangehabitat + '"</p>';
            html += '<p id="animalFacts">"' + facts + '"</p>';

            $(html).appendTo(XMLLIST.appentTo);
},
}

XMLLIST.int();

4

1 回答 1

2

$未定义,因为您没有加载 jQuery。您正在加载一个 jQuery 插件,但不是 jQuery 本身。加载 jQuery 应该会让你走得更远,例如:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script>这在加载插件或其他 jQuery 脚本的任何标签之前。

至少这是我可以从您发布的代码中猜到的全部内容。如果您发布指向完整测试页面的链接,则可以提供更具体的建议。

于 2013-04-18T21:34:40.163 回答